/* GENERATED by kinesis-theme/gen.py from tokens.json. Do not edit: change tokens.json and run gen.py.
   Every role is prefixed --k- so it cannot collide with a host app (T3 uses a bare --muted as a surface).
   Values are the same as kinesis-theme.css, plus the round 2 roles and the lamp variables. Same blocks: light :root,
   :root[data-theme="dark"], and the prefers-color-scheme block. A role whose day and night value are the same
   expression (a fill alias, a tint) is declared once, in the light block, and re-resolves at night. */

:root {
  /* scheme */
  color-scheme: light;
  /* stock */
  --k-paper: #F6F2E7;
  --k-cream: #FFFDF6;
  --k-sand: #FBF7EA;
  --k-wash: rgba(247, 243, 232, .26);
  --k-scroll-track: #EDE8D8;
  --k-scroll-edge: #F7F3E8;
  --k-panel: var(--k-paper);
  --k-disabled-fill: #E9E3D3;
  /* ink */
  --k-ink: #131313;
  --k-muted: #4e4839;
  --k-ink-soft: #3d382e;
  --k-ink-ghost: color-mix(in srgb, var(--k-muted) 75%, transparent);
  --k-subtle: #57574C;
  /* link */
  --k-link: #005F8A;
  --k-link-hover: #B00062;
  /* signal */
  --k-yellow: #FFF200;
  --k-red: #C4002B;
  --k-green: #1E7A3C;
  --k-gold: #FFF2C4;
  --k-gold-dark: #8A6D00;
  /* invariant */
  --k-night: #131313;
  --k-night-soft: rgba(19, 19, 19, .9);
  --k-starlight: #F6F2E7;
  --k-accent-ink: #131313;
  --k-accent-paper: #FFFDF6;
  /* structure */
  --k-edge: var(--k-ink);
  --k-plate: var(--k-ink);
  --k-plate-2: var(--k-ink);
  --k-focus: var(--k-ink);
  --k-selection: var(--k-yellow);
  --k-on-selection: var(--k-accent-ink);
  --k-scroll-thumb: var(--k-ink);
  --k-glow: 0 0 0 transparent;
  --k-on-solid: var(--k-accent-paper);
  --k-marker: var(--k-yellow);
  --k-page-fill: var(--k-paper);
  --k-veil: 86%;
  --k-veil-strong: 97%;
  /* glass */
  --k-glass-filter: none;
  --k-glass-sheen: 0;
  --k-glass-tint: transparent;
  --k-glass-tint-2: transparent;
  --k-glass-frost: transparent;
  --k-lamps-display: none;
  /* lamp */
  --k-lamp-magenta: #F13BFF;
  --k-lamp-violet: #8A5CFF;
  --k-lamp-blue: #3E7BFF;
  --k-lamp-cyan: #2FE3FF;
  --k-lamp-acid: #B6FF3B;
  --k-lamp-pink: #FF4FA3;
  --k-reg-cyan: #00D9FF;
  --k-reg-magenta: #FF2EC4;
  --k-process-cyan: #00AEEF;
  --k-process-magenta: #EC008C;
  /* stand */
  --k-stand: var(--k-paper);
  --k-stand-raised: var(--k-cream);
  --k-stand-sunk: #E4DFD1;
  /* fill */
  --k-fill-error: var(--k-red);
  --k-fill-success: var(--k-green);
  --k-fill-warning: var(--k-yellow);
  --k-fill-info: var(--k-link);
  /* tint */
  --k-tint-error: color-mix(in srgb, var(--k-red) 10%, transparent);
  --k-tint-success: color-mix(in srgb, var(--k-green) 10%, transparent);
  --k-tint-info: color-mix(in srgb, var(--k-link) 10%, transparent);
  --k-tint-warning: var(--k-gold);
  --k-tint-hover: color-mix(in srgb, var(--k-selection) 22%, transparent);
  --k-tint-row-hover: color-mix(in srgb, var(--k-selection) 10%, transparent);
  --k-tint-row-active: color-mix(in srgb, var(--k-selection) 30%, transparent);
  /* edge */
  --k-edge-soft: var(--k-hairline-strong);
  /* key */
  --k-key-hover: color-mix(in srgb, var(--k-yellow) 78%, #FFFFFF);
  --k-key-hover-cyan: color-mix(in srgb, var(--k-lamp-cyan) 78%, #FFFFFF);
  /* pastel */
  --k-pastel-sage: #CFDFBE;
  --k-pastel-sky: #9ED6E2;
  --k-pastel-blush: #EFB5CE;
  /* derived: mixes of the roles above */
  --k-hairline: color-mix(in srgb, var(--k-ink) 14%, transparent);
  --k-hairline-strong: color-mix(in srgb, var(--k-ink) 18%, transparent);
  --k-error-wash: color-mix(in srgb, var(--k-red) 10%, var(--k-paper));
  --k-notice-wash: color-mix(in srgb, var(--k-green) 10%, var(--k-paper));
  /* lamps: colour, alpha and drift period, for surfaces that cannot hold the .k-lamps markup */
  --k-lamp-alpha-cap: .42;
  --k-lamp-magenta-rgb: 241 59 255;
  --k-lamp-magenta-alpha: .42;
  --k-lamp-magenta-period: 17s;
  --k-lamp-blue-rgb: 62 123 255;
  --k-lamp-blue-alpha: .36;
  --k-lamp-blue-period: 23s;
  --k-lamp-pink-rgb: 255 79 163;
  --k-lamp-pink-alpha: .26;
  --k-lamp-pink-period: 29s;
  --k-lamp-acid-rgb: 182 255 59;
  --k-lamp-acid-alpha: .13;
  --k-lamp-acid-period: 31s;
  --k-lamp-ribbon-violet-rgb: 138 92 255;
  --k-lamp-ribbon-violet-alpha: .32;
  --k-lamp-ribbon-magenta-rgb: 241 59 255;
  --k-lamp-ribbon-magenta-alpha: .26;
  --k-lamp-ribbon-period: 41s;
  --k-lamp-follow-rgb: 47 227 255;
  --k-lamp-follow-alpha: .16;
  --k-lamp-follow-radius: 460px;
  --k-lamp-floor-rgb: 241 59 255;
  --k-lamp-floor-alpha: .5;
}

:root[data-theme="dark"] {
  /* scheme */
  color-scheme: dark;
  /* stock */
  --k-paper: #07060D;
  --k-cream: rgba(26, 20, 46, .86);
  --k-sand: rgba(36, 28, 62, .88);
  --k-wash: rgba(138, 92, 255, .06);
  --k-scroll-track: #120E20;
  --k-scroll-edge: #07060D;
  --k-panel: var(--k-cream);
  --k-disabled-fill: var(--k-stand-sunk);
  /* ink */
  --k-ink: #F7F2FF;
  --k-muted: #B9AEDA;
  --k-ink-soft: #D9D0F2;
  --k-ink-ghost: #8B80A8;
  --k-subtle: var(--k-muted);
  /* link */
  --k-link: #8EF0FF;
  --k-link-hover: #F7A8FF;
  /* signal */
  --k-yellow: #FFE94A;
  --k-red: #FF8AA0;
  --k-green: #2FD9C4;
  --k-gold: rgba(255, 194, 61, .14);
  --k-gold-dark: #FFD97A;
  /* structure */
  --k-edge: rgba(255, 255, 255, .42);
  --k-plate: rgba(241, 59, 255, .55);
  --k-plate-2: rgba(62, 123, 255, .45);
  --k-focus: #FFE94A;
  --k-selection: #8A5CFF;
  --k-on-selection: #07060D;
  --k-scroll-thumb: rgba(255, 255, 255, .26);
  --k-glow: 0 0 34px rgba(241, 59, 255, .42);
  --k-on-solid: #07060D;
  --k-marker: rgba(138, 92, 255, .55);
  --k-page-fill: transparent;
  --k-veil: 62%;
  --k-veil-strong: 82%;
  /* glass */
  --k-glass-filter: blur(14px) saturate(1.6);
  --k-glass-sheen: .12;
  --k-glass-tint: rgba(241, 59, 255, .13);
  --k-glass-tint-2: rgba(62, 123, 255, .11);
  --k-glass-frost: rgba(255, 255, 255, .07);
  --k-lamps-display: block;
  /* lamp */
  --k-process-cyan: var(--k-lamp-cyan);
  --k-process-magenta: var(--k-lamp-magenta);
  /* stand */
  --k-stand: var(--k-scroll-track);
  --k-stand-raised: #1B1630;
  --k-stand-sunk: #0B0915;
  /* edge */
  --k-edge-soft: rgba(255, 255, 255, .22);
  /* pastel */
  --k-pastel-sage: color-mix(in srgb, var(--k-lamp-acid) 35%, transparent);
  --k-pastel-sky: color-mix(in srgb, var(--k-lamp-cyan) 35%, transparent);
  --k-pastel-blush: color-mix(in srgb, var(--k-lamp-pink) 35%, transparent);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    /* scheme */
    color-scheme: dark;
    /* stock */
    --k-paper: #07060D;
    --k-cream: rgba(26, 20, 46, .86);
    --k-sand: rgba(36, 28, 62, .88);
    --k-wash: rgba(138, 92, 255, .06);
    --k-scroll-track: #120E20;
    --k-scroll-edge: #07060D;
    --k-panel: var(--k-cream);
    --k-disabled-fill: var(--k-stand-sunk);
    /* ink */
    --k-ink: #F7F2FF;
    --k-muted: #B9AEDA;
    --k-ink-soft: #D9D0F2;
    --k-ink-ghost: #8B80A8;
    --k-subtle: var(--k-muted);
    /* link */
    --k-link: #8EF0FF;
    --k-link-hover: #F7A8FF;
    /* signal */
    --k-yellow: #FFE94A;
    --k-red: #FF8AA0;
    --k-green: #2FD9C4;
    --k-gold: rgba(255, 194, 61, .14);
    --k-gold-dark: #FFD97A;
    /* structure */
    --k-edge: rgba(255, 255, 255, .42);
    --k-plate: rgba(241, 59, 255, .55);
    --k-plate-2: rgba(62, 123, 255, .45);
    --k-focus: #FFE94A;
    --k-selection: #8A5CFF;
    --k-on-selection: #07060D;
    --k-scroll-thumb: rgba(255, 255, 255, .26);
    --k-glow: 0 0 34px rgba(241, 59, 255, .42);
    --k-on-solid: #07060D;
    --k-marker: rgba(138, 92, 255, .55);
    --k-page-fill: transparent;
    --k-veil: 62%;
    --k-veil-strong: 82%;
    /* glass */
    --k-glass-filter: blur(14px) saturate(1.6);
    --k-glass-sheen: .12;
    --k-glass-tint: rgba(241, 59, 255, .13);
    --k-glass-tint-2: rgba(62, 123, 255, .11);
    --k-glass-frost: rgba(255, 255, 255, .07);
    --k-lamps-display: block;
    /* lamp */
    --k-process-cyan: var(--k-lamp-cyan);
    --k-process-magenta: var(--k-lamp-magenta);
    /* stand */
    --k-stand: var(--k-scroll-track);
    --k-stand-raised: #1B1630;
    --k-stand-sunk: #0B0915;
    /* edge */
    --k-edge-soft: rgba(255, 255, 255, .22);
    /* pastel */
    --k-pastel-sage: color-mix(in srgb, var(--k-lamp-acid) 35%, transparent);
    --k-pastel-sky: color-mix(in srgb, var(--k-lamp-cyan) 35%, transparent);
    --k-pastel-blush: color-mix(in srgb, var(--k-lamp-pink) 35%, transparent);
  }
}

:root {
  /* motion */
  --k-motion-duration: 240ms;
  --k-motion-duration-layout: 320ms;
  --k-motion-ease: cubic-bezier(.22, 1, .36, 1);
}