/* 오토클래스 공통 디자인 v2 - tokens.json에서 생성 (라이트 테마) */
:root {
  --canvas: #f4f6fb;
  --surface: #ffffff;
  --surface-sunken: #f7f9fc;
  --surface-chip: #eef2f7;
  --line: #e5e9f2;
  --line-soft: #eef1f5;
  --line-strong: #c9d1de;
  --ink: #1e293b;
  --ink-muted: #64748b;
  --ink-nav: #536175;
  --ink-faint: #94a3b8;
  --brand: #5f73c5;
  --brand-deep: #354a9c;
  --on-brand: #ffffff;
  --brand-soft: #eef1ff;
  --hero-start: #27366f;
  --hero-mid: #5368bf;
  --hero-end: #7f91df;
  --on-hero: #ffffff;
  --ok: #0f9f76;
  --ok-ink: #0b7a5b;
  --ok-soft: #eafaf5;
  --warn: #d98b12;
  --warn-ink: #9a5b00;
  --warn-soft: #fff7e7;
  --danger: #d64f5c;
  --danger-ink: #b8323f;
  --danger-soft: #fff0f2;
  --info: #3178c6;
  --info-soft: #edf6ff;
  --plate-bg: #ffffff;
  --plate-ev: #d6e8fb;
  --plate-ink: #111111;
  --focus: #354a9c;
  --scrim: rgba(30, 41, 59, 0.45);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 7px;
  --radius-md: 10px;
  --radius-nav: 11px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --shadow-card: 0 4px 12px rgba(30, 41, 59, 0.025);
  --shadow-raised: 0 12px 32px rgba(30, 41, 59, 0.08);
  --shadow-overlay: 0 24px 70px rgba(31, 42, 85, 0.13);
  --shadow-brand: 0 7px 18px rgba(95, 115, 197, 0.28);
  --font-sans: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", sans-serif;
  color-scheme: light;
}