/* =========================================================
   Launch Radar Studio — Design Tokens
   light + dark, KO/EN, sans/serif
   ========================================================= */

:root {
  /* ----- color: light ----- */
  --bg:        #FBFAF4;   /* warm ivory */
  --surface:   #FFFFFF;
  --sand:      #F1ECDF;   /* soft sand */
  --paper:     #F7F4EA;
  --fg:        #2A2A28;   /* slate text */
  --fg-muted:  #6B6960;
  --fg-faint:  #9C988C;
  --border:    #E6E1D2;
  --border-strong: #D6D0BD;
  --accent:    #7A8450;   /* muted olive */
  --accent-soft: #D8DCC3;
  --accent-deep: #4F5734;
  --danger:    #B14A3D;
  --highlight: #E6C97D;
  --dot:       #C9C2AC;

  /* ----- surfaces (depth) ----- */
  --shadow-1: 0 1px 0 rgba(42, 42, 40, 0.04), 0 1px 2px rgba(42, 42, 40, 0.04);
  --shadow-2: 0 2px 8px rgba(42, 42, 40, 0.06), 0 1px 2px rgba(42, 42, 40, 0.04);
  --shadow-3: 0 8px 24px rgba(42, 42, 40, 0.08), 0 2px 4px rgba(42, 42, 40, 0.04);

  /* ----- radii ----- */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* ----- spacing (8pt-ish) ----- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 56px;
  --s-10: 72px;

  /* ----- typography ----- */
  --font-display: 'Inter Tight', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-body:    'Inter', 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --fs-xs:   12px;
  --fs-sm:   13px;
  --fs-base: 15px;
  --fs-md:   17px;
  --fs-lg:   20px;
  --fs-xl:   28px;
  --fs-2xl:  40px;
  --fs-3xl:  56px;
  --fs-4xl:  76px;

  --lh-tight: 1.05;
  --lh-snug: 1.2;
  --lh-base: 1.55;
  --lh-loose: 1.7;

  --tracking-tight: -0.02em;
  --tracking-base: 0;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.14em;

  /* ----- layout ----- */
  --max-w: 1240px;
  --gutter: 24px;

  /* ----- motion ----- */
  --ease: cubic-bezier(0.23, 1, 0.32, 1);
}

/* serif mode ------------------------------------------------------- */
[data-font="serif"] {
  --font-display: 'Fraunces', 'Source Serif Pro', 'Pretendard Serif', Georgia, serif;
  --font-body:    'Source Serif 4', 'Pretendard Serif', Georgia, serif;
  --tracking-tight: -0.015em;
}

/* dark mode ------------------------------------------------------- */
[data-theme="dark"] {
  --bg:        #0F1115;
  --surface:   #161922;
  --sand:      #1A1D26;
  --paper:     #131722;
  --fg:        #ECEAE2;
  --fg-muted:  #9A978B;
  --fg-faint:  #5C5A53;
  --border:    #262A33;
  --border-strong: #353A45;
  --accent:    #B6C079;
  --accent-soft: #3A4022;
  --accent-deep: #E2DDA6;
  --danger:    #E07A6F;
  --highlight: #C9A857;
  --dot:       #2C313B;

  --shadow-1: 0 1px 0 rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-2: 0 2px 10px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-3: 0 12px 32px rgba(0, 0, 0, 0.6), 0 4px 8px rgba(0, 0, 0, 0.5);
}