/**
 * Generated from references/tokens.json. Do not edit by hand.
 * NYCU LIFE Design Tokens v2.0.0
 */
:root {
  --color-logo-blue: #0922E7;
  --color-logo-dark-background: #1B41C5;
  --color-blue-900: #071C57;
  --color-blue-800: #00318F;
  --color-blue-700: #0039C7;
  --color-blue-600: #0045F2;
  --color-blue-500: #2462FF;
  --color-blue-400: #5A78FF;
  --color-blue-300: #90A9FF;
  --color-blue-200: #CCDBFF;
  --color-blue-100: #E9EEFF;
  --color-blue-050: #F5F7FF;
  --color-night-canvas: #000000;
  --color-night-border: #2B2B2B;
  --color-green-700: #3E7100;
  --color-green-500: #80DA0A;
  --color-green-200: #C8F293;
  --color-green-100: #E7F8CF;
  --color-green-800: #20390D;
  --color-orange-700: #6C4C08;
  --color-orange-500: #F2A500;
  --color-orange-200: #FFD477;
  --color-orange-100: #FFF0CF;
  --color-orange-800: #513907;
  --color-red-700: #A81F28;
  --color-red-100: #FFE1E3;
  --color-gray-950: #10162A;
  --color-gray-900: #17213F;
  --color-gray-700: #4B5674;
  --color-gray-600: #66708A;
  --color-gray-400: #9EA8BF;
  --color-gray-300: #C5CEE0;
  --color-gray-200: #D9E1F0;
  --color-gray-100: #E9EEF7;
  --color-gray-050: #F7F9FC;
  --color-white: #FFFFFF;
  --color-canvas: #F7F9FC;
  --color-surface: #FFFFFF;
  --color-surface-raised: #FFFFFF;
  --color-surface-brand: #1B41C5;
  --color-surface-soft: #E9EEFF;
  --color-text-primary: #17213F;
  --color-text-secondary: #4B5674;
  --color-text-muted: #66708A;
  --color-text-inverse: #FFFFFF;
  --color-text-on-brand: #FFFFFF;
  --color-text-brand: #0922E7;
  --color-border-subtle: #D9E1F0;
  --color-border-strong: #9EA8BF;
  --color-action-primary: #0045F2;
  --color-action-primary-hover: #0039C7;
  --color-action-primary-pressed: #00318F;
  --color-action-on-primary: #FFFFFF;
  --color-focus-ring: #5A78FF;
  --color-category-green-surface: #E7F8CF;
  --color-category-green-text: #3E7100;
  --color-category-orange-surface: #FFF0CF;
  --color-category-orange-text: #6C4C08;
  --color-info-surface: #E9EEFF;
  --color-info-text: #00318F;
  --color-success-surface: #E7F8CF;
  --color-success-text: #3E7100;
  --color-warning-surface: #FFF0CF;
  --color-warning-text: #6C4C08;
  --color-danger-surface: #FFE1E3;
  --color-danger-text: #A81F28;
  --color-action-disabled-surface: #E9EEF7;
  --color-action-disabled-text: #4B5674;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-pill: 999px;
  --shadow-raised: 0 20px 60px rgba(23, 33, 63, 0.12);
  --shadow-focus: 0 0 0 4px rgba(90, 120, 255, 0.35);
  --motion-fast: 140ms;
  --motion-normal: 220ms;
  --motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --layout-content: 75rem;
  --layout-reading: 45rem;
  --layout-tap-target: 2.75rem;
  --font-sans: 'Noto Sans TC', system-ui, -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Segoe UI', sans-serif;
  --font-display: 'Noto Sans TC', system-ui, -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Segoe UI', sans-serif;
  --text-display: clamp(2.625rem, 5.5vw, 4.75rem);
  --text-title: clamp(1.875rem, 3.2vw, 3rem);
  --text-heading: clamp(1.25rem, 2vw, 1.875rem);
  --text-body: 1rem;
  --text-small: 0.875rem;
}

:root[data-theme="dark"] {
  --color-canvas: #000000;
  --color-surface: #000000;
  --color-surface-raised: #111111;
  --color-surface-brand: #1B41C5;
  --color-surface-soft: #171717;
  --color-text-primary: #F5F7FF;
  --color-text-secondary: #C5CEE0;
  --color-text-muted: #9EA8BF;
  --color-text-inverse: #000000;
  --color-text-on-brand: #FFFFFF;
  --color-text-brand: #90A9FF;
  --color-border-subtle: #2B2B2B;
  --color-border-strong: #606060;
  --color-action-primary: #1B41C5;
  --color-action-primary-hover: #1536AA;
  --color-action-primary-pressed: #102B8F;
  --color-action-on-primary: #FFFFFF;
  --color-focus-ring: #CCDBFF;
  --color-category-green-surface: #213B19;
  --color-category-green-text: #C8F293;
  --color-category-orange-surface: #4A3514;
  --color-category-orange-text: #FFD477;
  --color-info-surface: #151A2B;
  --color-info-text: #CCDBFF;
  --color-success-surface: #213B19;
  --color-success-text: #C8F293;
  --color-warning-surface: #4A3514;
  --color-warning-text: #FFD477;
  --color-danger-surface: #4A2027;
  --color-danger-text: #FFB5BA;
  --color-action-disabled-surface: #2B2B2B;
  --color-action-disabled-text: #C5CEE0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-canvas: #000000;
    --color-surface: #000000;
    --color-surface-raised: #111111;
    --color-surface-brand: #1B41C5;
    --color-surface-soft: #171717;
    --color-text-primary: #F5F7FF;
    --color-text-secondary: #C5CEE0;
    --color-text-muted: #9EA8BF;
    --color-text-inverse: #000000;
    --color-text-on-brand: #FFFFFF;
    --color-text-brand: #90A9FF;
    --color-border-subtle: #2B2B2B;
    --color-border-strong: #606060;
    --color-action-primary: #1B41C5;
    --color-action-primary-hover: #1536AA;
    --color-action-primary-pressed: #102B8F;
    --color-action-on-primary: #FFFFFF;
    --color-focus-ring: #CCDBFF;
    --color-category-green-surface: #213B19;
    --color-category-green-text: #C8F293;
    --color-category-orange-surface: #4A3514;
    --color-category-orange-text: #FFD477;
    --color-info-surface: #151A2B;
    --color-info-text: #CCDBFF;
    --color-success-surface: #213B19;
    --color-success-text: #C8F293;
    --color-warning-surface: #4A3514;
    --color-warning-text: #FFD477;
    --color-danger-surface: #4A2027;
    --color-danger-text: #FFB5BA;
    --color-action-disabled-surface: #2B2B2B;
    --color-action-disabled-text: #C5CEE0;
  }
}