/* GENERATED by brand/tokens/build.py from brand/tokens/tokens.json. */
/* 不要手改；改 tokens.json 再跑 `make tokens`。 */

:root {
  /* ---- 原始色階（元件請用下方語意角色） ---- */
  --ss-ink-50: #F1F3FA;
  --ss-ink-100: #D9DEEF;
  --ss-ink-200: #B4BCD9;
  --ss-ink-300: #8591BE;
  --ss-ink-350: #6F7DAE;
  --ss-ink-400: #5B6A9C;
  --ss-ink-500: #3B4875;
  --ss-ink-600: #28325A;
  --ss-ink-700: #1C2442;
  --ss-ink-800: #151B33;
  --ss-ink-850: #10152A;
  --ss-ink-900: #0B0F1E;
  --ss-ink-950: #070A14;
  --ss-paper-0: #FBF9F4;
  --ss-paper-1: #FFFFFF;
  --ss-paper-2: #F3F0E8;
  --ss-paper-3: #E9E5DA;
  --ss-paper-4: #D9D4C6;
  --ss-gold-50: #FFF8E1;
  --ss-gold-100: #FFEFBF;
  --ss-gold-200: #FFE28F;
  --ss-gold-300: #FAD36A;
  --ss-gold-400: #F2C14E;
  --ss-gold-500: #E3AC34;
  --ss-gold-600: #C48E22;
  --ss-gold-700: #9E6F18;
  --ss-gold-800: #745010;
  --ss-gold-900: #4A320A;
  --ss-aether-50: #E8FBFF;
  --ss-aether-100: #C6F3FD;
  --ss-aether-200: #93E6F9;
  --ss-aether-300: #62D7F1;
  --ss-aether-400: #38C3E6;
  --ss-aether-500: #1FA8CF;
  --ss-aether-600: #1686A8;
  --ss-aether-700: #116882;
  --ss-aether-800: #0D4A5D;
  --ss-aether-900: #092F3B;
  --ss-violet-50: #F3EFFF;
  --ss-violet-100: #E4DBFF;
  --ss-violet-200: #CBBBFF;
  --ss-violet-300: #B199F7;
  --ss-violet-400: #9A7DEE;
  --ss-violet-500: #8363DF;
  --ss-violet-600: #6A4BC4;
  --ss-violet-700: #52389C;
  --ss-violet-800: #3B2871;
  --ss-violet-900: #251947;
  --ss-jade-50: #E9FBF3;
  --ss-jade-100: #C8F4E0;
  --ss-jade-200: #95E8C4;
  --ss-jade-300: #63D9A7;
  --ss-jade-400: #3EC98E;
  --ss-jade-500: #27AE76;
  --ss-jade-600: #1D8C5E;
  --ss-jade-700: #166C49;
  --ss-jade-800: #104D35;
  --ss-jade-900: #0A3123;
  --ss-ember-50: #FFF0EE;
  --ss-ember-100: #FFD9D4;
  --ss-ember-200: #FFB3AB;
  --ss-ember-300: #FF8B82;
  --ss-ember-400: #F86A62;
  --ss-ember-500: #E04E47;
  --ss-ember-600: #BA3A34;
  --ss-ember-700: #912C27;
  --ss-ember-800: #671F1C;
  --ss-ember-900: #401311;
  --ss-amber-50: #FFF4E5;
  --ss-amber-100: #FFE3C2;
  --ss-amber-200: #FFC98F;
  --ss-amber-300: #FFB766;
  --ss-amber-400: #FFA94D;
  --ss-amber-500: #F28C28;
  --ss-amber-600: #CB7016;
  --ss-amber-700: #9E5610;
  --ss-amber-800: #713D0B;
  --ss-amber-900: #472607;

  /* ---- 間距 / 圓角 / 線寬 / 尺寸 ---- */
  --ss-space-1: 2px;
  --ss-space-2: 4px;
  --ss-space-3: 8px;
  --ss-space-4: 12px;
  --ss-space-5: 16px;
  --ss-space-6: 20px;
  --ss-space-7: 24px;
  --ss-space-8: 32px;
  --ss-space-9: 40px;
  --ss-space-10: 48px;
  --ss-space-11: 64px;
  --ss-space-12: 80px;
  --ss-radius-xs: 6px;
  --ss-radius-sm: 10px;
  --ss-radius-md: 14px;
  --ss-radius-lg: 18px;
  --ss-radius-xl: 24px;
  --ss-radius-xxl: 32px;
  --ss-radius-pill: 999px;
  --ss-stroke-hairline: 1px;
  --ss-stroke-thin: 1.5px;
  --ss-stroke-regular: 2px;
  --ss-stroke-bold: 3px;
  --ss-blur-glass: 20px;
  --ss-blur-glow: 24px;
  --ss-size-icon-sm: 16px;
  --ss-size-icon-md: 20px;
  --ss-size-icon-lg: 24px;
  --ss-size-icon-xl: 32px;
  --ss-size-touch-target: 44px;
  --ss-size-touch-target-large: 56px;
  --ss-size-control-sm: 36px;
  --ss-size-control-md: 44px;
  --ss-size-control-lg: 52px;

  /* ---- 圖樣：棋盤格＝沒說到的地方（ADR-0024、ADR-0035），不分深淺色 ---- */
  --ss-checker-light: #F6F6F8;
  --ss-checker-dark: #CCCCD1;
  --ss-checker-cell: 10px;

  /* ---- 動態 ---- */
  --ss-duration-instant: 80ms;
  --ss-duration-fast: 160ms;
  --ss-duration-base: 240ms;
  --ss-duration-slow: 400ms;
  --ss-duration-deliberate: 600ms;
  --ss-duration-cast: 1400ms;
  --ss-duration-ambient: 9000ms;
  --ss-cast-forming: 600ms;
  --ss-cast-turning: 900ms;
  --ss-cast-opening: 500ms;
  --ss-cast-short-charge: 400ms;
  --ss-cast-reduced-fade: 200ms;
  --ss-curve-standard: cubic-bezier(0.2, 0, 0, 1);
  --ss-curve-enter: cubic-bezier(0, 0, 0.2, 1);
  --ss-curve-exit: cubic-bezier(0.4, 0, 1, 1);
  --ss-curve-linear: cubic-bezier(0, 0, 1, 1);

  /* ---- 字型 ---- */
  --ss-font-display: 'Source Serif 4', 'Noto Serif TC', 'Songti TC', Georgia, serif;
  --ss-font-body: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Noto Sans TC', 'Helvetica Neue', Arial, sans-serif;
  --ss-font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
  --ss-type-display-lg-size: 40px;
  --ss-type-display-lg-line: 48px;
  --ss-type-display-lg-weight: 600;
  --ss-type-display-lg-tracking: -0.5px;
  --ss-type-display-md-size: 32px;
  --ss-type-display-md-line: 40px;
  --ss-type-display-md-weight: 600;
  --ss-type-display-md-tracking: -0.25px;
  --ss-type-headline-size: 26px;
  --ss-type-headline-line: 34px;
  --ss-type-headline-weight: 600;
  --ss-type-headline-tracking: 0px;
  --ss-type-title-lg-size: 22px;
  --ss-type-title-lg-line: 30px;
  --ss-type-title-lg-weight: 600;
  --ss-type-title-lg-tracking: 0px;
  --ss-type-title-md-size: 18px;
  --ss-type-title-md-line: 26px;
  --ss-type-title-md-weight: 600;
  --ss-type-title-md-tracking: 0px;
  --ss-type-title-sm-size: 16px;
  --ss-type-title-sm-line: 24px;
  --ss-type-title-sm-weight: 600;
  --ss-type-title-sm-tracking: 0px;
  --ss-type-body-lg-size: 17px;
  --ss-type-body-lg-line: 27px;
  --ss-type-body-lg-weight: 400;
  --ss-type-body-lg-tracking: 0px;
  --ss-type-body-md-size: 15px;
  --ss-type-body-md-line: 24px;
  --ss-type-body-md-weight: 400;
  --ss-type-body-md-tracking: 0px;
  --ss-type-body-sm-size: 13px;
  --ss-type-body-sm-line: 20px;
  --ss-type-body-sm-weight: 400;
  --ss-type-body-sm-tracking: 0px;
  --ss-type-label-lg-size: 16px;
  --ss-type-label-lg-line: 20px;
  --ss-type-label-lg-weight: 600;
  --ss-type-label-lg-tracking: 0.2px;
  --ss-type-label-md-size: 14px;
  --ss-type-label-md-line: 18px;
  --ss-type-label-md-weight: 600;
  --ss-type-label-md-tracking: 0.3px;
  --ss-type-label-sm-size: 12px;
  --ss-type-label-sm-line: 16px;
  --ss-type-label-sm-weight: 600;
  --ss-type-label-sm-tracking: 0.5px;
  --ss-type-eyebrow-size: 11px;
  --ss-type-eyebrow-line: 14px;
  --ss-type-eyebrow-weight: 500;
  --ss-type-eyebrow-tracking: 1.6px;
  --ss-type-numeral-lg-size: 44px;
  --ss-type-numeral-lg-line: 48px;
  --ss-type-numeral-lg-weight: 500;
  --ss-type-numeral-lg-tracking: -1px;
  --ss-type-numeral-md-size: 28px;
  --ss-type-numeral-md-line: 32px;
  --ss-type-numeral-md-weight: 500;
  --ss-type-numeral-md-tracking: -0.5px;
  --ss-type-numeral-sm-size: 14px;
  --ss-type-numeral-sm-line: 18px;
  --ss-type-numeral-sm-weight: 500;
  --ss-type-numeral-sm-tracking: 0px;
}

/* 語意角色：深色。品牌預設。 */
:root, [data-theme="dark"] {
  --ss-canvas: #0B0F1E;
  --ss-canvas-deep: #070A14;
  --ss-surface: #151B33;
  --ss-surface-raised: #1C2442;
  --ss-surface-overlay: #28325A;
  --ss-surface-glass: rgba(241, 243, 250, 0.06);
  --ss-surface-inverse: #FBF9F4;
  --ss-border: rgba(241, 243, 250, 0.1);
  --ss-border-strong: rgba(241, 243, 250, 0.18);
  --ss-border-accent: rgba(242, 193, 78, 0.55);
  --ss-highlight: rgba(241, 243, 250, 0.14);
  --ss-scrim: rgba(7, 10, 20, 0.72);
  --ss-text-primary: #F1F3FA;
  --ss-text-secondary: #8591BE;
  --ss-text-tertiary: #6F7DAE;
  --ss-text-disabled: #3B4875;
  --ss-text-inverse: #0B0F1E;
  --ss-accent: #F2C14E;
  --ss-accent-hover: #FAD36A;
  --ss-accent-pressed: #E3AC34;
  --ss-accent-text: #FAD36A;
  --ss-accent-soft: rgba(242, 193, 78, 0.14);
  --ss-on-accent: #0B0F1E;
  --ss-aether: #38C3E6;
  --ss-aether-text: #62D7F1;
  --ss-aether-soft: rgba(56, 195, 230, 0.14);
  --ss-on-aether: #0B0F1E;
  --ss-violet: #9A7DEE;
  --ss-violet-text: #B199F7;
  --ss-violet-soft: rgba(154, 125, 238, 0.16);
  --ss-success: #3EC98E;
  --ss-success-text: #63D9A7;
  --ss-success-soft: rgba(62, 201, 142, 0.14);
  --ss-danger: #F86A62;
  --ss-danger-text: #FF8B82;
  --ss-danger-soft: rgba(248, 106, 98, 0.14);
  --ss-warning: #FFA94D;
  --ss-warning-text: #FFB766;
  --ss-warning-soft: rgba(255, 169, 77, 0.14);
  --ss-info: #38C3E6;
  --ss-info-text: #62D7F1;
  --ss-info-soft: rgba(56, 195, 230, 0.14);
  --ss-hit: #3EC98E;
  --ss-miss: #5B6A9C;
  --ss-wrong: #F86A62;
  --ss-star-filled: #FAD36A;
  --ss-star-empty: rgba(241, 243, 250, 0.22);
  --ss-star-stroke: #FFE28F;
  --ss-level-1: #B4BCD9;
  --ss-level-2: #38C3E6;
  --ss-level-3: #9A7DEE;
  --ss-level-4: #F2C14E;
  --ss-level-5: #FAD36A;
  --ss-focus-ring: #62D7F1;
  --ss-shimmer-base: rgba(241, 243, 250, 0.05);
  --ss-shimmer-highlight: rgba(241, 243, 250, 0.12);
}

/* 語意角色：淺色。長文、法務頁、家長報告用。 */
[data-theme="light"] {
  --ss-canvas: #FBF9F4;
  --ss-canvas-deep: #F3F0E8;
  --ss-surface: #FFFFFF;
  --ss-surface-raised: #FFFFFF;
  --ss-surface-overlay: #F3F0E8;
  --ss-surface-glass: rgba(255, 255, 255, 0.7);
  --ss-surface-inverse: #0B0F1E;
  --ss-border: rgba(11, 15, 30, 0.1);
  --ss-border-strong: rgba(11, 15, 30, 0.18);
  --ss-border-accent: rgba(196, 142, 34, 0.55);
  --ss-highlight: rgba(255, 255, 255, 0.8);
  --ss-scrim: rgba(11, 15, 30, 0.48);
  --ss-text-primary: #0B0F1E;
  --ss-text-secondary: #3B4875;
  --ss-text-tertiary: #5B6A9C;
  --ss-text-disabled: #8591BE;
  --ss-text-inverse: #F1F3FA;
  --ss-accent: #F2C14E;
  --ss-accent-hover: #FAD36A;
  --ss-accent-pressed: #E3AC34;
  --ss-accent-text: #745010;
  --ss-accent-soft: rgba(242, 193, 78, 0.18);
  --ss-on-accent: #0B0F1E;
  --ss-aether: #1FA8CF;
  --ss-aether-text: #116882;
  --ss-aether-soft: rgba(56, 195, 230, 0.16);
  --ss-on-aether: #0B0F1E;
  --ss-violet: #8363DF;
  --ss-violet-text: #52389C;
  --ss-violet-soft: rgba(154, 125, 238, 0.16);
  --ss-success: #27AE76;
  --ss-success-text: #166C49;
  --ss-success-soft: rgba(62, 201, 142, 0.16);
  --ss-danger: #E04E47;
  --ss-danger-text: #912C27;
  --ss-danger-soft: rgba(248, 106, 98, 0.16);
  --ss-warning: #F28C28;
  --ss-warning-text: #9E5610;
  --ss-warning-soft: rgba(255, 169, 77, 0.18);
  --ss-info: #1FA8CF;
  --ss-info-text: #116882;
  --ss-info-soft: rgba(56, 195, 230, 0.16);
  --ss-hit: #1D8C5E;
  --ss-miss: #8591BE;
  --ss-wrong: #E04E47;
  --ss-star-filled: #E3AC34;
  --ss-star-empty: rgba(11, 15, 30, 0.16);
  --ss-star-stroke: #9E6F18;
  --ss-level-1: #5B6A9C;
  --ss-level-2: #1686A8;
  --ss-level-3: #6A4BC4;
  --ss-level-4: #C48E22;
  --ss-level-5: #E3AC34;
  --ss-focus-ring: #1686A8;
  --ss-shimmer-base: rgba(11, 15, 30, 0.05);
  --ss-shimmer-highlight: rgba(11, 15, 30, 0.1);
}