/* GENERATED by apps/web/build.mjs from packages/ui/src/tokens.ts. Do not edit: change the tokens and rebuild. */
:root {
  color-scheme: light dark;
  /* chrome, light */
  --c-canvas: #F8FAFC;
  --c-surface: #FFFFFF;
  --c-surface-sunken: #EEF1F6;
  --c-ink: #10142B;
  --c-ink-secondary: #505B73;
  --c-ink-disabled: #8A93A8;
  --c-hairline: #DCDFF3;
  --c-action: #7C3AED;
  --c-action-pressed: #6D28D9;
  --c-on-action: #FFFFFF;
  --c-action-text: #7C3AED;
  --c-selection: #EEE9FF;
  --c-on-selection: #10142B;
  --c-success: #72EBC2;
  --c-on-success: #10142B;
  --c-success-text: #0B7352;
  --c-danger: #C2312F;
  --c-danger-fill: #C2312F;
  --c-on-danger: #FFFFFF;
  --c-focus: #3B82F6;
  --c-scrim: rgba(16, 20, 43, 0.45);
  --c-shadow: #10142B;
  --c-avatar-0: #D9CCFF;
  --c-avatar-1: #BFEFDD;
  --c-avatar-2: #FFE0B3;
  --c-avatar-3: #CDE3FF;
  --c-avatar-4: #FFD1D6;
  --c-rim: rgba(99, 102, 241, 0.8);
  --c-rim-strong: rgba(124, 58, 237, 0.8);
  --c-rim-gold: rgba(230, 170, 60, 0.95);
  --c-glow: rgba(124, 58, 237, 0.28);
  --c-glow-accent: rgba(217, 70, 239, 0.3);
  --c-glass: rgba(255, 255, 255, 0.9);
  --c-highlight: rgba(255, 255, 255, 0.6);
  --c-gold: #FFC86B;
  --c-gold-text: #8F5B00;
  --c-accent: #D946EF;
  --c-glint-warm: #C27803;
  --c-glint-cool: #A855F7;
  /* the stage chrome: theme-invariant */
  --s-bg: #0A0F1F;
  --s-ink: #F4F3FF;
  --s-ink-dim: #B3B9DB;
  --s-scrim: rgba(10, 15, 31, 0.6);
  --s-scrim-strong: rgba(10, 15, 31, 0.86);
  --s-sheet: #121A33;
  --s-sheet-hairline: rgba(99, 102, 241, 0.85);
  --s-accent: #D946EF;
  --s-on-accent: #FFFFFF;
  --s-glow: rgba(217, 70, 239, 0.5);
  --s-clock: #FFC86B;
  --s-found: #4ADE80;
  --s-missed: #FB7185;
  --s-on-verdict: #0A0F1F;
  --s-ring-track: rgba(244, 243, 255, 0.28);
  --s-ghost: rgba(244, 243, 255, 0.55);
  --s-glint-warm: #FFC86B;
  --s-glint-cool: #D946EF;
  /* type */
  --t-title-size: 32px;
  --t-title-line: 38px;
  --t-title-weight: 700;
  --t-section-size: 20px;
  --t-section-line: 26px;
  --t-section-weight: 600;
  --t-body-size: 16px;
  --t-body-line: 22px;
  --t-body-weight: 400;
  --t-button-size: 16px;
  --t-button-line: 22px;
  --t-button-weight: 600;
  --t-secondary-size: 14px;
  --t-secondary-line: 20px;
  --t-secondary-weight: 400;
  --t-meta-size: 13px;
  --t-meta-line: 18px;
  --t-meta-weight: 500;
  --t-figure-size: 24px;
  --t-figure-line: 28px;
  --t-figure-weight: 700;
  --t-stamp-size: 30px;
  --t-stamp-line: 34px;
  --t-stamp-weight: 800;
  --t-stamp-tracking: 2px;
  /* space, layout, radius */
  --sp-xxs: 2px;
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 12px;
  --sp-lg: 16px;
  --sp-xl: 20px;
  --sp-xxl: 24px;
  --sp-xxxl: 32px;
  --sp-huge: 48px;
  --l-gutter: 20px;
  --l-padding: 16px;
  --l-gap: 12px;
  --l-button-height: 54px;
  --l-hit-min: 44px;
  --l-fist-hit-min: 88px;
  --l-tab-bar-height: 56px;
  --l-header-height: 52px;
  --l-phone-column-max: 520px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-card: 16px;
  --r-card-large: 20px;
  --r-capsule: 999px;
  /* motion */
  --m-feedback: 120ms;
  --m-transition: 200ms;
  --m-success: 420ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --m-pressed-scale: 0.97;
  --m-disabled-opacity: 0.4;
  /* the look (docs/design/neon-noir-prism): the gradients (stops left to right), the rim and glow numbers, the face */
  --g-action-0: #9333EA;
  --g-action-1: #6264ED;
  --g-action-2: #C026D3;
  --g-action-pressed-0: #7D2BC7;
  --g-action-pressed-1: #5355C9;
  --g-action-pressed-2: #A320B3;
  --g-play-0: #7C3AED;
  --g-play-1: #9333EA;
  --g-play-2: #9D3FF0;
  --g-play-pressed-0: #6D28D9;
  --g-play-pressed-1: #7D2BC7;
  --g-play-pressed-2: #8536CC;
  --g-guide-action-0: #A855F7;
  --g-guide-action-1: #6366F1;
  --g-guide-action-2: #D946EF;
  --g-guide-play-0: #7C3AED;
  --g-guide-play-1: #A855F7;
  --g-guide-play-2: #C084FC;
  --rim-width: 1.5px;
  --rim-strong: 2px;
  --glow-radius: 14px;
  --glow-soft: 8px;
  --font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-canvas: #0A0F1F;
    --c-surface: #121A33;
    --c-surface-sunken: #1B2444;
    --c-ink: #F4F3FF;
    --c-ink-secondary: #AEB5D8;
    --c-ink-disabled: #6E7699;
    --c-hairline: rgba(99, 102, 241, 0.38);
    --c-action: #7C3AED;
    --c-action-pressed: #6D28D9;
    --c-on-action: #FFFFFF;
    --c-action-text: #C084FC;
    --c-selection: #2A1F5E;
    --c-on-selection: #F4F3FF;
    --c-success: #34D399;
    --c-on-success: #0A0F1F;
    --c-success-text: #4ADE80;
    --c-danger: #FF7A8F;
    --c-danger-fill: #E11D48;
    --c-on-danger: #FFFFFF;
    --c-focus: #3B82F6;
    --c-scrim: rgba(10, 15, 31, 0.72);
    --c-shadow: #000000;
    --c-avatar-0: #5B21B6;
    --c-avatar-1: #1E40AF;
    --c-avatar-2: #86198F;
    --c-avatar-3: #92400E;
    --c-avatar-4: #9F1239;
    --c-rim: rgba(99, 102, 241, 0.85);
    --c-rim-strong: rgba(124, 58, 237, 0.8);
    --c-rim-gold: rgba(255, 200, 107, 0.9);
    --c-glow: rgba(124, 58, 237, 0.55);
    --c-glow-accent: rgba(217, 70, 239, 0.55);
    --c-glass: rgba(18, 26, 51, 0.88);
    --c-highlight: rgba(255, 255, 255, 0.07);
    --c-gold: #FFC86B;
    --c-gold-text: #FFC86B;
    --c-accent: #D946EF;
    --c-glint-warm: #FFC86B;
    --c-glint-cool: #D946EF;
  }
}
:root[data-theme="dark"] {
  --c-canvas: #0A0F1F;
  --c-surface: #121A33;
  --c-surface-sunken: #1B2444;
  --c-ink: #F4F3FF;
  --c-ink-secondary: #AEB5D8;
  --c-ink-disabled: #6E7699;
  --c-hairline: rgba(99, 102, 241, 0.38);
  --c-action: #7C3AED;
  --c-action-pressed: #6D28D9;
  --c-on-action: #FFFFFF;
  --c-action-text: #C084FC;
  --c-selection: #2A1F5E;
  --c-on-selection: #F4F3FF;
  --c-success: #34D399;
  --c-on-success: #0A0F1F;
  --c-success-text: #4ADE80;
  --c-danger: #FF7A8F;
  --c-danger-fill: #E11D48;
  --c-on-danger: #FFFFFF;
  --c-focus: #3B82F6;
  --c-scrim: rgba(10, 15, 31, 0.72);
  --c-shadow: #000000;
  --c-avatar-0: #5B21B6;
  --c-avatar-1: #1E40AF;
  --c-avatar-2: #86198F;
  --c-avatar-3: #92400E;
  --c-avatar-4: #9F1239;
  --c-rim: rgba(99, 102, 241, 0.85);
  --c-rim-strong: rgba(124, 58, 237, 0.8);
  --c-rim-gold: rgba(255, 200, 107, 0.9);
  --c-glow: rgba(124, 58, 237, 0.55);
  --c-glow-accent: rgba(217, 70, 239, 0.55);
  --c-glass: rgba(18, 26, 51, 0.88);
  --c-highlight: rgba(255, 255, 255, 0.07);
  --c-gold: #FFC86B;
  --c-gold-text: #FFC86B;
  --c-accent: #D946EF;
  --c-glint-warm: #FFC86B;
  --c-glint-cool: #D946EF;
}
@media (prefers-reduced-motion: reduce) {
  :root { --m-feedback: 0ms; --m-transition: 0ms; --m-success: 0ms; }
}