/* UmiCorp 디자인 시스템 tokens.json 에서 옮긴 값. 다크 기본, data-theme="light" 로 전환 */
:root, [data-theme="dark"] {
  --bg: #05070d;
  --aurora-1: #10b981;
  --aurora-2: #06b6d4;
  --aurora-3: #22d3ee;
  --aurora-4: #8b5cf6;
  --on-aurora: #04150f;
  --mint: #6ee7b7;
  --teal-300: #5eead4;
  --text: #eef2f5;
  --text-dim: #b4c3d1;
  --text-soft: #cdd8e2;
  --text-faint: #8b9bab;
  --glass-surface: rgba(6, 10, 17, 0.6);
  --glass-bg: rgba(255, 255, 255, 0.055);
  --glass-border: rgba(255, 255, 255, 0.12);
  --hairline: rgba(255, 255, 255, 0.08);
  --ghost-border: rgba(255, 255, 255, 0.36);
  --nav-bg: rgba(7, 10, 18, 0.58);
  --modal-backdrop: rgba(3, 6, 12, 0.74);
  --icon-bg: rgba(16, 185, 129, 0.1);
  --icon-border: rgba(16, 185, 129, 0.25);
  --tag-bg: rgba(255, 255, 255, 0.06);
  --tag-border: rgba(255, 255, 255, 0.1);
  --live: #10b981;
  --live-text: #4ade80;
  --live-bg: rgba(74, 222, 128, 0.1);
  --live-border: rgba(74, 222, 128, 0.25);
  --dev: #eab308;
  --dev-text: #facc15;
  --dev-bg: rgba(250, 204, 21, 0.08);
  --dev-border: rgba(250, 204, 21, 0.22);
  --error-text: #fca5a5;
  --surface-page: {bg};
  --surface-card: #0e1218;
  --surface-raised: #151a22;
  --surface-sunken: #080a10;
  --border-subtle: #1f2630;
  --border-control: #5b6675;
  --text-primary: {text};
  --text-secondary: {text-dim};
  --text-tertiary: {text-faint};
  --accent: {aurora-1};
  --on-accent: {on-aurora};
  --accent-subtle: rgba(16, 185, 129, 0.14);
  --accent-text: {mint};
  --focus-ring: {aurora-1};
  --success: {live-text};
  --success-subtle: {live-bg};
  --warning: {dev-text};
  --warning-subtle: {dev-bg};
  --danger: {error-text};
  --danger-subtle: rgba(252, 165, 165, 0.1);
  --info: #7cc4ee;
  --info-subtle: rgba(124, 196, 238, 0.1);
  --scrim: {modal-backdrop};
  --gradient-aurora: radial-gradient(60% 120% at 20% 0%, rgba(16, 185, 129, 0.35), transparent 70%), radial-gradient(50% 100% at 90% 10%, rgba(6, 182, 212, 0.3), transparent 70%), radial-gradient(45% 80% at 65% 105%, rgba(139, 92, 246, 0.14), transparent 70%);
  --gradient-hero-white: linear-gradient(#ffffff, #dbe7ee);
  --gradient-hero-life: linear-gradient(100deg, #eafff8, #a7f3d0 20%, #67e8f9 42%, #c7d2fe 60%, #99f6e4 78%, #f0fdfa);
  --gradient-primary: linear-gradient(135deg, #34d399, #10b981 55%, #0ea5a5);
  --gradient-heading: linear-gradient(100deg, #f0fdfa, #99f6e4 60%, #a5f3fc);
  --gradient-stat: linear-gradient(120deg, #ecfdf5, #6ee7b7 65%, #67e8f9);
  --gradient-cta-halo: radial-gradient(60% 90% at 50% 110%, rgba(16, 185, 129, 0.28), transparent 70%);
  --gradient-mark: linear-gradient(135deg, rgba(16, 185, 129, 0.35), rgba(6, 182, 212, 0.3) 55%, rgba(139, 92, 246, 0.28));
  --shadow-glass: 0 24px 70px rgba(1, 4, 10, 0.5);
  --shadow-card: 0 24px 70px rgba(1, 4, 10, 0.35);
  --shadow-raised: 0 12px 32px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 0 0 1px rgba(52, 211, 153, 0.5), 0 10px 34px rgba(16, 185, 129, 0.35), 0 0 60px rgba(16, 185, 129, 0.22);
  --shadow-glow-hover: 0 0 0 1px rgba(110, 231, 183, 0.8), 0 12px 44px rgba(16, 185, 129, 0.5), 0 0 90px rgba(16, 185, 129, 0.35);
  --shadow-dot: 0 0 10px rgba(16, 185, 129, 0.5);
  --blur-glass: 20px;
  --blur-nav: 18px;
  --blur-ghost: 14px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --nav-h: 72px;
  --content-max: 1140px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-full: 999px;
  --z-nav: 100;
  --z-sheet: 500;
  --z-modal: 1000;
  --z-toast: 1100;
  --font-sans: "Space Grotesk", "Noto Sans KR", "Apple SD Gothic Neo", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Malgun Gothic", sans-serif;
  --font-mono: "JetBrains Mono", "Noto Sans KR", "Hiragino Kaku Gothic ProN", monospace;
  --nav-h: 72px;
}
[data-theme="light"] {
  --bg: #f5f7f6;
  --aurora-1: #06704e;
  --on-aurora: #ffffff;
  --mint: #0a6e4d;
  --teal-300: #0f6f68;
  --text: #0f1a17;
  --text-dim: #3e4f49;
  --text-soft: #26332f;
  --text-faint: #5d6c67;
  --glass-surface: rgba(255, 255, 255, 0.45);
  --glass-bg: rgba(255, 255, 255, 0.22);
  --glass-border: rgba(16, 60, 48, 0.1);
  --hairline: rgba(15, 26, 23, 0.08);
  --ghost-border: rgba(15, 26, 23, 0.52);
  --nav-bg: rgba(245, 247, 246, 0.66);
  --modal-backdrop: rgba(15, 26, 23, 0.38);
  --icon-bg: rgba(8, 122, 85, 0.08);
  --icon-border: rgba(8, 122, 85, 0.22);
  --tag-bg: rgba(15, 26, 23, 0.04);
  --tag-border: rgba(15, 26, 23, 0.1);
  --live-text: #17763f;
  --live-bg: rgba(23, 118, 63, 0.08);
  --live-border: rgba(23, 118, 63, 0.28);
  --dev: #c08a00;
  --dev-text: #855a00;
  --dev-bg: rgba(133, 90, 0, 0.08);
  --dev-border: rgba(133, 90, 0, 0.28);
  --error-text: #b42318;
  --surface-card: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #eaefed;
  --border-subtle: #dce3e0;
  --border-control: #76847d;
  --accent-subtle: rgba(8, 122, 85, 0.1);
  --danger-subtle: rgba(180, 35, 24, 0.08);
  --info: #1d6a9a;
  --info-subtle: rgba(29, 106, 154, 0.08);
  --gradient-aurora: radial-gradient(60% 120% at 18% 0%, rgba(16, 185, 129, 0.3), transparent 70%), radial-gradient(50% 100% at 92% 8%, rgba(6, 182, 212, 0.26), transparent 70%), radial-gradient(45% 80% at 65% 105%, rgba(139, 92, 246, 0.14), transparent 70%);
  --gradient-hero-white: linear-gradient(#0f1a17, #2a3b35);
  --gradient-hero-life: linear-gradient(100deg, #0a8a5c, #0f8f86 22%, #0a7fa8 45%, #5b4fd6 66%, #0f8f86 84%, #0a8a5c);
  --gradient-primary: linear-gradient(135deg, #0a7f57, #066b4c 55%, #08606c);
  --gradient-heading: linear-gradient(100deg, #0f1a17, #066b4c 60%, #0a6f7a);
  --gradient-stat: linear-gradient(120deg, #066b4c, #0a7f75 60%, #0a6f9a);
  --gradient-cta-halo: radial-gradient(60% 90% at 50% 110%, rgba(16, 185, 129, 0.32), transparent 70%), radial-gradient(40% 70% at 85% -10%, rgba(6, 182, 212, 0.18), transparent 70%);
  --gradient-mark: linear-gradient(135deg, #10b981, #0891b2 55%, #7c3aed);
  --shadow-glass: 0 24px 60px rgba(16, 60, 48, 0.14);
  --shadow-card: 0 20px 50px rgba(16, 60, 48, 0.1);
  --shadow-raised: 0 12px 32px rgba(15, 26, 23, 0.14);
  --shadow-glow: 0 0 0 1px rgba(16, 185, 129, 0.35), 0 10px 28px rgba(16, 185, 129, 0.32), 0 0 48px rgba(16, 185, 129, 0.16);
  --shadow-glow-hover: 0 0 0 1px rgba(16, 185, 129, 0.55), 0 12px 36px rgba(16, 185, 129, 0.42), 0 0 70px rgba(16, 185, 129, 0.22);
}