/* 자동 생성 파일 — 고치지 마세요. 원본은 design/tokens.json, 만들기는 python scripts/build_tokens.py
   OLLA Academy 디자인 토큰: 피그마 YONO 키트(회색·상태색·간격·둥글기·그림자) + OLLA 파랑 */
@layer ds.tokens {
  :root {
    --o-primary-50: #EFF6FF;
    --o-primary-100: #DBEAFE;
    --o-primary-200: #BFDBFE;
    --o-primary-300: #93C5FD;
    --o-primary-400: #60A5FA;
    --o-primary-500: #3B82F6;
    --o-primary-600: #2563EB;
    --o-primary-700: #1D4ED8;
    --o-primary-800: #1E40AF;
    --o-primary-900: #1E3A8A;
    --o-primary-950: #172554;
    --o-grey-0: #FFFFFF;
    --o-grey-50: #F5F5F5;
    --o-grey-100: #E4E5E9;
    --o-grey-200: #CCCFD7;
    --o-grey-300: #B1B6C1;
    --o-grey-400: #989EAD;
    --o-grey-500: #838999;
    --o-grey-600: #6C727F;
    --o-grey-700: #51555F;
    --o-grey-800: #363940;
    --o-grey-900: #1E2025;
    --o-grey-950: #121316;
    --o-red-50: #FBEEEE;
    --o-red-100: #F7DCDB;
    --o-red-200: #F0B4B1;
    --o-red-300: #EB8E89;
    --o-red-400: #E65C50;
    --o-red-500: #C83E2E;
    --o-red-600: #9F3022;
    --o-red-700: #7C2319;
    --o-red-800: #57160E;
    --o-red-900: #380B06;
    --o-red-950: #260503;
    --o-yellow-50: #FEF8F4;
    --o-yellow-100: #FDF2E7;
    --o-yellow-200: #FAE1C7;
    --o-yellow-300: #F8D4AB;
    --o-yellow-400: #F6C281;
    --o-yellow-500: #F4B346;
    --o-yellow-600: #C18B2F;
    --o-yellow-700: #906821;
    --o-yellow-800: #604312;
    --o-yellow-900: #362506;
    --o-yellow-950: #211503;
    --o-green-50: #D8FDE3;
    --o-green-100: #A7FCC4;
    --o-green-200: #6FEEA2;
    --o-green-300: #63D590;
    --o-green-400: #57BE7F;
    --o-green-500: #4CA871;
    --o-green-600: #3A8458;
    --o-green-700: #296240;
    --o-green-800: #1A442B;
    --o-green-900: #0B2516;
    --o-green-950: #05170C;
    --o-cyan-50: #F1F8FE;
    --o-cyan-100: #E1F0FE;
    --o-cyan-200: #C1E1FC;
    --o-cyan-300: #97D1FB;
    --o-cyan-400: #68C3FA;
    --o-cyan-500: #4FB3EA;
    --o-cyan-600: #3D8DB8;
    --o-cyan-700: #2A6789;
    --o-cyan-800: #1B475F;
    --o-cyan-900: #0B2736;
    --o-cyan-950: #051822;
    --o-purple-50: #F4EFF8;
    --o-purple-100: #EAE2F4;
    --o-purple-200: #D7C4E9;
    --o-purple-300: #C4A9DE;
    --o-purple-400: #B28AD4;
    --o-purple-500: #A16DC8;
    --o-purple-600: #8451A9;
    --o-purple-700: #633C80;
    --o-purple-800: #442859;
    --o-purple-900: #281535;
    --o-purple-950: #180A22;
    --o-magenta-50: #F8EAF5;
    --o-magenta-100: #F1D0EA;
    --o-magenta-200: #E39FD8;
    --o-magenta-300: #D86CC8;
    --o-magenta-400: #B24BA3;
    --o-magenta-500: #8E2C7B;
    --o-magenta-600: #6B2962;
    --o-magenta-700: #551F4D;
    --o-magenta-800: #3C1335;
    --o-magenta-900: #260A22;
    --o-magenta-950: #1B0618;
    --o-text-title: var(--o-grey-950);
    --o-text-body: var(--o-grey-900);
    --o-text-subtle: var(--o-grey-700);
    --o-text-muted: var(--o-grey-600);
    --o-text-disabled: var(--o-grey-300);
    --o-text-inverse: var(--o-grey-0);
    --o-text-link: var(--o-primary-600);
    --o-text-link-hover: var(--o-primary-700);
    --o-surface-page: var(--o-grey-50);
    --o-surface-card: var(--o-grey-0);
    --o-surface-subtle: var(--o-grey-50);
    --o-surface-hover: rgba(30, 32, 37, 0.05);
    --o-surface-press: rgba(30, 32, 37, 0.09);
    --o-surface-disabled: var(--o-grey-100);
    --o-surface-inverse: var(--o-grey-900);
    --o-surface-overlay: rgba(18, 19, 22, 0.48);
    --o-border-divider: var(--o-grey-100);
    --o-border-strong: var(--o-grey-200);
    --o-border-input: var(--o-grey-500);
    --o-border-input-hover: var(--o-grey-600);
    --o-border-disabled: var(--o-grey-200);
    --o-primary: var(--o-primary-600);
    --o-primary-hover: var(--o-primary-700);
    --o-primary-press: var(--o-primary-800);
    --o-primary-subtle: var(--o-primary-50);
    --o-primary-subtle-border: var(--o-primary-200);
    --o-primary-text: var(--o-primary-700);
    --o-on-primary: var(--o-grey-0);
    --o-focus-ring: rgba(37, 99, 235, 0.28);
    --o-danger: var(--o-red-500);
    --o-danger-hover: var(--o-red-600);
    --o-danger-subtle: var(--o-red-50);
    --o-danger-border: var(--o-red-200);
    --o-danger-text: var(--o-red-700);
    --o-on-danger: var(--o-grey-0);
    --o-warning: var(--o-yellow-500);
    --o-warning-hover: var(--o-yellow-600);
    --o-warning-subtle: var(--o-yellow-100);
    --o-warning-border: var(--o-yellow-300);
    --o-warning-text: var(--o-yellow-800);
    --o-on-warning: var(--o-grey-900);
    --o-success: var(--o-green-600);
    --o-success-hover: var(--o-green-700);
    --o-success-subtle: var(--o-green-50);
    --o-success-border: var(--o-green-100);
    --o-success-text: var(--o-green-700);
    --o-on-success: var(--o-grey-0);
    --o-info-subtle: var(--o-primary-50);
    --o-info-border: var(--o-primary-200);
    --o-info-text: var(--o-primary-700);
    --o-hue-blue-bg: var(--o-primary-50);
    --o-hue-blue-border: var(--o-primary-200);
    --o-hue-blue-text: var(--o-primary-700);
    --o-hue-blue-solid: var(--o-primary-600);
    --o-hue-green-bg: var(--o-green-50);
    --o-hue-green-border: var(--o-green-100);
    --o-hue-green-text: var(--o-green-700);
    --o-hue-green-solid: var(--o-green-700);
    --o-hue-yellow-bg: var(--o-yellow-100);
    --o-hue-yellow-border: var(--o-yellow-300);
    --o-hue-yellow-text: var(--o-yellow-800);
    --o-hue-red-bg: var(--o-red-50);
    --o-hue-red-border: var(--o-red-200);
    --o-hue-red-text: var(--o-red-700);
    --o-hue-red-solid: var(--o-red-600);
    --o-hue-grey-bg: var(--o-grey-50);
    --o-hue-grey-border: var(--o-grey-200);
    --o-hue-grey-text: var(--o-grey-700);
    --o-hue-grey-solid: var(--o-grey-700);
    --o-hue-cyan-bg: var(--o-cyan-50);
    --o-hue-cyan-border: var(--o-cyan-200);
    --o-hue-cyan-text: var(--o-cyan-700);
    --o-hue-purple-bg: var(--o-purple-50);
    --o-hue-purple-border: var(--o-purple-200);
    --o-hue-purple-text: var(--o-purple-700);
    --o-hue-purple-solid: var(--o-purple-600);
    --o-hue-magenta-bg: var(--o-magenta-50);
    --o-hue-magenta-border: var(--o-magenta-200);
    --o-hue-magenta-text: var(--o-magenta-700);
    --o-hue-magenta-solid: var(--o-magenta-500);
    --o-neutral-subtle: var(--o-grey-50);
    --o-neutral-border: var(--o-grey-200);
    --o-neutral-text: var(--o-grey-700);
    --o-chart-1: #2a78d6;
    --o-chart-2: #eb6834;
    --o-chart-3: #1baf7a;
    --o-chart-4: #eda100;
    --o-chart-5: #e87ba4;
    --o-chart-6: #008300;
    --o-chart-7: #4a3aa7;
    --o-chart-8: #e34948;
    --o-biz-red: #c62828;
    --o-biz-orange: #f47b20;
    --o-biz-yellow: #f7c948;
    --o-biz-blue: #2563eb;
    --o-biz-purple: #a53fb8;
    --o-biz-green: #1baf7a;
    --o-biz-gray: var(--o-grey-600);
    --o-biz-neon-1: #00d8ff;
    --o-biz-neon-2: #b6ff00;
    --o-biz-neon-3: #ff3ec8;
    --o-space-0: 0px;
    --o-space-2: 2px;
    --o-space-4: 4px;
    --o-space-6: 6px;
    --o-space-8: 8px;
    --o-space-12: 12px;
    --o-space-16: 16px;
    --o-space-20: 20px;
    --o-space-24: 24px;
    --o-space-32: 32px;
    --o-space-40: 40px;
    --o-space-48: 48px;
    --o-space-64: 64px;
    --o-radius-xs: 2px;
    --o-radius-s: 4px;
    --o-radius-m: 8px;
    --o-radius-l: 12px;
    --o-radius-xl: 16px;
    --o-radius-full: 999px;
    --o-shadow-xs: 0 2px 4px rgba(62, 52, 69, 0.16);
    --o-shadow-s: 0 16px 32px -4px rgba(62, 52, 69, 0.10);
    --o-shadow-m: 0 24px 48px -8px rgba(62, 52, 69, 0.12);
    --o-shadow-l: 0 32px 64px -12px rgba(62, 52, 69, 0.14);
    --o-shadow-xl: 0 40px 80px -16px rgba(62, 52, 69, 0.16);
    --o-shadow-card: 0 1px 2px rgba(18, 19, 22, 0.06);
    --o-font-family-sans: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    --o-font-family-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
    --o-font-size-footnote: 11px;
    --o-font-size-caption: 12px;
    --o-font-size-table: 13px;
    --o-font-size-body: 14px;
    --o-font-size-subtitle: 16px;
    --o-font-size-h4: 18px;
    --o-font-size-h3: 20px;
    --o-font-size-h2: 24px;
    --o-font-size-h1: 30px;
    --o-font-line-footnote: 16px;
    --o-font-line-caption: 18px;
    --o-font-line-table: 20px;
    --o-font-line-body: 22px;
    --o-font-line-subtitle: 24px;
    --o-font-line-h4: 26px;
    --o-font-line-h3: 28px;
    --o-font-line-h2: 32px;
    --o-font-line-h1: 38px;
    --o-font-weight-regular: 400;
    --o-font-weight-medium: 500;
    --o-font-weight-semibold: 600;
    --o-font-weight-bold: 700;
    --o-font-size-input-touch: 16px;
    --o-control-s: 28px;
    --o-control-m: 32px;
    --o-control-l: 40px;
    --o-touch: 44px;
    --o-icon-s: 16px;
    --o-icon-m: 20px;
    --o-icon-l: 24px;
    --o-appbar: 56px;
    --o-sidebar: 240px;
    --o-head-band: 124px;
    --o-tabbar: 64px;
    --o-safe-top: env(safe-area-inset-top, 0px);
    --o-safe-bottom: env(safe-area-inset-bottom, 0px);
    --o-z-raised: 1;
    --o-z-sticky: 10;
    --o-z-appbar: 100;
    --o-z-drawer: 900;
    --o-z-modal: 2000;
    --o-z-popover: 3000;
    --o-z-toast: 9999;
    --o-z-tooltip: 10000;
    --o-motion-fast: 120ms;
    --o-motion-base: 180ms;
    --o-motion-slow: 240ms;
    --o-motion-ease: cubic-bezier(0.2, 0, 0, 1);
    --o-bp-sm: 480px;
    --o-bp-md: 768px;
    --o-bp-lg: 1024px;
    --o-bp-xl: 1280px;
    --o-lnb-bg: var(--o-surface-card);
    --o-lnb-border: var(--o-border-divider);
    --o-lnb-title: var(--o-text-title);
    --o-lnb-body: var(--o-text-body);
    --o-lnb-subtle: var(--o-text-subtle);
    --o-lnb-muted: var(--o-text-muted);
    --o-lnb-hover: var(--o-surface-hover);
    --o-lnb-active-bg: var(--o-primary-subtle);
    --o-lnb-active-text: var(--o-primary-text);
    --o-lnb-active-icon: var(--o-primary);
    --o-lnb-brand: var(--o-primary-600);
  }

  /* 어두운 화면 — 옛 테마 전환(css/theme-toggle.js)이 <html class="dark"> 를 붙인다 */
  :root.dark {
    --o-text-title: var(--o-grey-50);
    --o-text-body: var(--o-grey-100);
    --o-text-subtle: var(--o-grey-200);
    --o-text-muted: var(--o-grey-400);
    --o-text-disabled: var(--o-grey-600);
    --o-text-inverse: var(--o-grey-950);
    --o-text-link: var(--o-primary-400);
    --o-text-link-hover: var(--o-primary-300);
    --o-surface-page: var(--o-grey-950);
    --o-surface-card: var(--o-grey-900);
    --o-surface-subtle: #25272D;
    --o-surface-hover: rgba(245, 245, 245, 0.06);
    --o-surface-press: rgba(245, 245, 245, 0.10);
    --o-surface-disabled: var(--o-grey-800);
    --o-surface-inverse: var(--o-grey-100);
    --o-surface-overlay: rgba(0, 0, 0, 0.62);
    --o-border-divider: var(--o-grey-800);
    --o-border-strong: var(--o-grey-700);
    --o-border-input: var(--o-grey-600);
    --o-border-input-hover: var(--o-grey-500);
    --o-border-disabled: var(--o-grey-800);
    --o-primary: var(--o-primary-600);
    --o-primary-hover: var(--o-primary-700);
    --o-primary-press: var(--o-primary-800);
    --o-primary-subtle: rgba(59, 130, 246, 0.16);
    --o-primary-subtle-border: rgba(96, 165, 250, 0.40);
    --o-primary-text: var(--o-primary-300);
    --o-on-primary: var(--o-grey-0);
    --o-focus-ring: rgba(96, 165, 250, 0.45);
    --o-danger: var(--o-red-500);
    --o-danger-hover: var(--o-red-400);
    --o-danger-subtle: rgba(200, 62, 46, 0.18);
    --o-danger-border: rgba(235, 142, 137, 0.40);
    --o-danger-text: var(--o-red-300);
    --o-on-danger: var(--o-grey-0);
    --o-warning: var(--o-yellow-500);
    --o-warning-hover: var(--o-yellow-400);
    --o-warning-subtle: rgba(244, 179, 70, 0.16);
    --o-warning-border: rgba(248, 212, 171, 0.36);
    --o-warning-text: var(--o-yellow-300);
    --o-on-warning: var(--o-grey-950);
    --o-success: var(--o-green-600);
    --o-success-hover: var(--o-green-500);
    --o-success-subtle: rgba(76, 168, 113, 0.18);
    --o-success-border: rgba(99, 213, 144, 0.36);
    --o-success-text: var(--o-green-300);
    --o-on-success: var(--o-grey-0);
    --o-info-subtle: rgba(59, 130, 246, 0.16);
    --o-info-border: rgba(96, 165, 250, 0.40);
    --o-info-text: var(--o-primary-300);
    --o-hue-blue-bg: rgba(59, 130, 246, 0.16);
    --o-hue-blue-border: rgba(96, 165, 250, 0.40);
    --o-hue-blue-text: var(--o-primary-300);
    --o-hue-blue-solid: var(--o-primary-600);
    --o-hue-green-bg: rgba(76, 168, 113, 0.18);
    --o-hue-green-border: rgba(99, 213, 144, 0.36);
    --o-hue-green-text: var(--o-green-300);
    --o-hue-green-solid: var(--o-green-700);
    --o-hue-yellow-bg: rgba(244, 179, 70, 0.16);
    --o-hue-yellow-border: rgba(248, 212, 171, 0.36);
    --o-hue-yellow-text: var(--o-yellow-300);
    --o-hue-red-bg: rgba(200, 62, 46, 0.18);
    --o-hue-red-border: rgba(235, 142, 137, 0.40);
    --o-hue-red-text: var(--o-red-300);
    --o-hue-red-solid: var(--o-red-600);
    --o-hue-grey-bg: rgba(245, 245, 245, 0.06);
    --o-hue-grey-border: var(--o-grey-700);
    --o-hue-grey-text: var(--o-grey-200);
    --o-hue-grey-solid: var(--o-grey-600);
    --o-hue-cyan-bg: rgba(79, 179, 234, 0.18);
    --o-hue-cyan-border: rgba(151, 209, 251, 0.40);
    --o-hue-cyan-text: var(--o-cyan-300);
    --o-hue-purple-bg: rgba(161, 109, 200, 0.22);
    --o-hue-purple-border: rgba(196, 169, 222, 0.40);
    --o-hue-purple-text: var(--o-purple-300);
    --o-hue-purple-solid: var(--o-purple-600);
    --o-hue-magenta-bg: rgba(178, 75, 163, 0.24);
    --o-hue-magenta-border: rgba(216, 108, 200, 0.40);
    --o-hue-magenta-text: var(--o-magenta-300);
    --o-hue-magenta-solid: var(--o-magenta-500);
    --o-neutral-subtle: rgba(245, 245, 245, 0.06);
    --o-neutral-border: var(--o-grey-700);
    --o-neutral-text: var(--o-grey-200);
    --o-chart-1: #3987e5;
    --o-chart-2: #d95926;
    --o-chart-3: #199e70;
    --o-chart-4: #c98500;
    --o-chart-5: #d55181;
    --o-chart-6: #008300;
    --o-chart-7: #9085e9;
    --o-chart-8: #e66767;
    --o-biz-red: #c62828;
    --o-biz-orange: #f47b20;
    --o-biz-yellow: #f7c948;
    --o-biz-blue: #2563eb;
    --o-biz-purple: #a53fb8;
    --o-biz-green: #1baf7a;
    --o-biz-gray: var(--o-grey-500);
    --o-biz-neon-1: #00d8ff;
    --o-biz-neon-2: #b6ff00;
    --o-biz-neon-3: #ff3ec8;
    --o-lnb-brand: var(--o-primary-300);
    color-scheme: dark;
  }

  /* 왼쪽 메뉴 색 묶음(환경설정 › 화면) — <html data-lnb-theme="…">. 적지 않은 값은 기본(:root)을 따른다.
     미리보기 그림(.o-lnbprev[data-lnb-theme])은 고른 묶음과 상관없이 제 묶음을 그리도록 기본값부터 다시 단다 */
  .o-lnbprev[data-lnb-theme] {
    --o-lnb-bg: var(--o-surface-card);
    --o-lnb-border: var(--o-border-divider);
    --o-lnb-title: var(--o-text-title);
    --o-lnb-body: var(--o-text-body);
    --o-lnb-subtle: var(--o-text-subtle);
    --o-lnb-muted: var(--o-text-muted);
    --o-lnb-hover: var(--o-surface-hover);
    --o-lnb-active-bg: var(--o-primary-subtle);
    --o-lnb-active-text: var(--o-primary-text);
    --o-lnb-active-icon: var(--o-primary);
    --o-lnb-brand: var(--o-primary-600);
  }
  :root.dark .o-lnbprev[data-lnb-theme] {
    --o-lnb-brand: var(--o-primary-300);
  }
  :root[data-lnb-theme="grey"]:not(.dark), :root:not(.dark) .o-lnbprev[data-lnb-theme="grey"] {
    --o-lnb-bg: var(--o-grey-50);
    --o-lnb-border: var(--o-grey-200);
    --o-lnb-muted: var(--o-grey-700);
    --o-lnb-hover: rgba(30, 32, 37, 0.06);
    --o-lnb-active-bg: var(--o-primary-100);
    --o-lnb-active-text: var(--o-primary-800);
    --o-lnb-active-icon: var(--o-primary-700);
  }
  :root[data-lnb-theme="sky"]:not(.dark), :root:not(.dark) .o-lnbprev[data-lnb-theme="sky"] {
    --o-lnb-bg: var(--o-primary-50);
    --o-lnb-border: var(--o-primary-100);
    --o-lnb-muted: var(--o-grey-700);
    --o-lnb-hover: rgba(37, 99, 235, 0.08);
    --o-lnb-active-bg: var(--o-grey-0);
    --o-lnb-active-text: var(--o-primary-700);
    --o-lnb-active-icon: var(--o-primary-600);
  }
  :root[data-lnb-theme="navy"], .o-lnbprev[data-lnb-theme="navy"] {
    --o-lnb-bg: var(--o-primary-950);
    --o-lnb-border: rgba(255, 255, 255, 0.12);
    --o-lnb-title: var(--o-grey-0);
    --o-lnb-body: var(--o-grey-50);
    --o-lnb-subtle: var(--o-grey-100);
    --o-lnb-muted: var(--o-grey-300);
    --o-lnb-hover: rgba(255, 255, 255, 0.08);
    --o-lnb-active-bg: var(--o-primary-600);
    --o-lnb-active-text: var(--o-grey-0);
    --o-lnb-active-icon: var(--o-grey-0);
    --o-lnb-brand: var(--o-primary-300);
  }
  :root[data-lnb-theme="ink"], .o-lnbprev[data-lnb-theme="ink"] {
    --o-lnb-bg: var(--o-grey-900);
    --o-lnb-border: rgba(255, 255, 255, 0.10);
    --o-lnb-title: var(--o-grey-0);
    --o-lnb-body: var(--o-grey-50);
    --o-lnb-subtle: var(--o-grey-100);
    --o-lnb-muted: var(--o-grey-300);
    --o-lnb-hover: rgba(255, 255, 255, 0.08);
    --o-lnb-active-bg: var(--o-primary-600);
    --o-lnb-active-text: var(--o-grey-0);
    --o-lnb-active-icon: var(--o-grey-0);
    --o-lnb-brand: var(--o-primary-300);
  }

  /* 손가락 입력 기기 — 누르는 곳 44px */
  @media screen and (pointer: coarse) {
    :root {
      --o-control-s: 36px;
      --o-control-m: 44px;
      --o-control-l: 48px;
      --o-head-band: 136px;
    }
  }

  /* 인쇄는 어두운 화면에서도 밝게 */
  @media print {
    :root.dark {
      --o-text-title: var(--o-grey-950);
      --o-text-body: var(--o-grey-900);
      --o-text-subtle: var(--o-grey-700);
      --o-text-muted: var(--o-grey-600);
      --o-text-disabled: var(--o-grey-300);
      --o-text-inverse: var(--o-grey-0);
      --o-text-link: var(--o-primary-600);
      --o-text-link-hover: var(--o-primary-700);
      --o-surface-page: var(--o-grey-50);
      --o-surface-card: var(--o-grey-0);
      --o-surface-subtle: var(--o-grey-50);
      --o-surface-hover: rgba(30, 32, 37, 0.05);
      --o-surface-press: rgba(30, 32, 37, 0.09);
      --o-surface-disabled: var(--o-grey-100);
      --o-surface-inverse: var(--o-grey-900);
      --o-surface-overlay: rgba(18, 19, 22, 0.48);
      --o-border-divider: var(--o-grey-100);
      --o-border-strong: var(--o-grey-200);
      --o-border-input: var(--o-grey-500);
      --o-border-input-hover: var(--o-grey-600);
      --o-border-disabled: var(--o-grey-200);
      --o-primary: var(--o-primary-600);
      --o-primary-hover: var(--o-primary-700);
      --o-primary-press: var(--o-primary-800);
      --o-primary-subtle: var(--o-primary-50);
      --o-primary-subtle-border: var(--o-primary-200);
      --o-primary-text: var(--o-primary-700);
      --o-on-primary: var(--o-grey-0);
      --o-focus-ring: rgba(37, 99, 235, 0.28);
      --o-danger: var(--o-red-500);
      --o-danger-hover: var(--o-red-600);
      --o-danger-subtle: var(--o-red-50);
      --o-danger-border: var(--o-red-200);
      --o-danger-text: var(--o-red-700);
      --o-on-danger: var(--o-grey-0);
      --o-warning: var(--o-yellow-500);
      --o-warning-hover: var(--o-yellow-600);
      --o-warning-subtle: var(--o-yellow-100);
      --o-warning-border: var(--o-yellow-300);
      --o-warning-text: var(--o-yellow-800);
      --o-on-warning: var(--o-grey-900);
      --o-success: var(--o-green-600);
      --o-success-hover: var(--o-green-700);
      --o-success-subtle: var(--o-green-50);
      --o-success-border: var(--o-green-100);
      --o-success-text: var(--o-green-700);
      --o-on-success: var(--o-grey-0);
      --o-info-subtle: var(--o-primary-50);
      --o-info-border: var(--o-primary-200);
      --o-info-text: var(--o-primary-700);
      --o-hue-blue-bg: var(--o-primary-50);
      --o-hue-blue-border: var(--o-primary-200);
      --o-hue-blue-text: var(--o-primary-700);
      --o-hue-blue-solid: var(--o-primary-600);
      --o-hue-green-bg: var(--o-green-50);
      --o-hue-green-border: var(--o-green-100);
      --o-hue-green-text: var(--o-green-700);
      --o-hue-green-solid: var(--o-green-700);
      --o-hue-yellow-bg: var(--o-yellow-100);
      --o-hue-yellow-border: var(--o-yellow-300);
      --o-hue-yellow-text: var(--o-yellow-800);
      --o-hue-red-bg: var(--o-red-50);
      --o-hue-red-border: var(--o-red-200);
      --o-hue-red-text: var(--o-red-700);
      --o-hue-red-solid: var(--o-red-600);
      --o-hue-grey-bg: var(--o-grey-50);
      --o-hue-grey-border: var(--o-grey-200);
      --o-hue-grey-text: var(--o-grey-700);
      --o-hue-grey-solid: var(--o-grey-700);
      --o-hue-cyan-bg: var(--o-cyan-50);
      --o-hue-cyan-border: var(--o-cyan-200);
      --o-hue-cyan-text: var(--o-cyan-700);
      --o-hue-purple-bg: var(--o-purple-50);
      --o-hue-purple-border: var(--o-purple-200);
      --o-hue-purple-text: var(--o-purple-700);
      --o-hue-purple-solid: var(--o-purple-600);
      --o-hue-magenta-bg: var(--o-magenta-50);
      --o-hue-magenta-border: var(--o-magenta-200);
      --o-hue-magenta-text: var(--o-magenta-700);
      --o-hue-magenta-solid: var(--o-magenta-500);
      --o-neutral-subtle: var(--o-grey-50);
      --o-neutral-border: var(--o-grey-200);
      --o-neutral-text: var(--o-grey-700);
      --o-chart-1: #2a78d6;
      --o-chart-2: #eb6834;
      --o-chart-3: #1baf7a;
      --o-chart-4: #eda100;
      --o-chart-5: #e87ba4;
      --o-chart-6: #008300;
      --o-chart-7: #4a3aa7;
      --o-chart-8: #e34948;
      --o-biz-red: #c62828;
      --o-biz-orange: #f47b20;
      --o-biz-yellow: #f7c948;
      --o-biz-blue: #2563eb;
      --o-biz-purple: #a53fb8;
      --o-biz-green: #1baf7a;
      --o-biz-gray: var(--o-grey-600);
      --o-biz-neon-1: #00d8ff;
      --o-biz-neon-2: #b6ff00;
      --o-biz-neon-3: #ff3ec8;
      color-scheme: light;
    }
  }
}