/* Exact 01 @theme values; RGB notation only. External font imports omitted. */
:root {

  --color-navy: rgb(11 31 58);
  --color-navy-deep: rgb(6 18 42);
  --color-navy-light: rgb(26 45 94);


  --color-gold: rgb(245 200 66);
  --color-gold-light: rgb(250 217 122);
  --color-gold-deep: rgb(212 167 44);


  --color-primary: rgb(37 99 235);
  --color-primary-hover: rgb(29 79 196);


  --color-bluegray: rgb(234 241 251);
  --color-bg: rgb(245 247 250);
  --color-surface: rgb(255 255 255);


  --color-text: rgb(17 24 39);
  --color-text-sub: rgb(107 114 128);
  --color-text-mute: rgb(156 163 175);


  --color-border: rgb(229 231 235);
  --color-border-strong: rgb(209 213 219);


  --color-cyan: rgb(6 182 212);
  --color-cyan-bg: rgb(236 254 255);

  --color-cyan-deep: rgb(14 116 144);


  --color-success: rgb(16 185 129);
  --color-success-bg: rgb(209 250 229);
  --color-warning: rgb(245 158 11);
  --color-warning-bg: rgb(254 243 199);

  --color-warning-deep: rgb(180 83 9);
  --color-danger: rgb(239 68 68);
  --color-danger-bg: rgb(254 226 226);
  --color-info: rgb(59 130 246);
  --color-info-bg: rgb(219 234 254);


  --color-naver-green: rgb(3 199 90);
  --color-naver-green-hover: rgb(2 179 80);
  --color-kakao-yellow: rgb(254 229 0);
  --color-kakao-yellow-hover: rgb(245 220 0);


  --font-sans:
    "Pretendard Variable", Pretendard, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;

  --font-en: "Inter", "Pretendard Variable", sans-serif;


  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.02em;
  --tracking-caps: 0.08em;


  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --duration-fast: 120ms;
  --duration-base: 180ms;
  --duration-slow: 280ms;


  --radius-xs: 0.125rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.25rem;
  --radius-pill: 9999px;


  --shadow-xs: 0 1px 2px 0 rgb(15 29 62 / 0.04);
  --shadow-sm: 0 1px 2px 0 rgb(15 29 62 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(15 29 62 / 0.1), 0 2px 4px -2px rgb(15 29 62 / 0.06);
  --shadow-lg: 0 10px 20px -4px rgb(15 29 62 / 0.12), 0 4px 8px -2px rgb(15 29 62 / 0.06);
  --shadow-xl: 0 24px 48px -8px rgb(15 29 62 / 0.16), 0 8px 16px -4px rgb(15 29 62 / 0.08);
  --shadow-brand: 0 8px 24px rgb(37 99 235 / 0.24);
  --shadow-inset: inset 0 0 0 1px rgb(15 29 62 / 0.06);
}