/* =========================================================
   판서로 Design Tokens  v1.0
   디자인 변경 시 이 파일만 수정하면 전체 반영
   ========================================================= */
:root {
  /* ── Backgrounds ── */
  --bg:          #F5F1E8;   /* 크림 원고지 */
  --bg-soft:     #EFE9DA;
  --bg-card:     #FCFAF4;

  /* ── Ink (text) ── */
  --ink:         #1E1A15;
  --ink-2:       #3d342a;
  --muted:       #7a6f62;
  --muted-2:     #a89d8c;

  /* ── Lines / borders ── */
  --line:        #e4dcc9;
  --line-2:      #ede6d4;

  /* ── Brand: burnt sienna ── */
  --brand:       #C2410C;
  --brand-deep:  #9A2E05;
  --brand-soft:  #FDE5D5;

  /* ── Accent: muted teal ── */
  --accent:      #3F6B66;
  --accent-soft: #D8E4E0;

  /* ── Chalk texture ── */
  --chalk:       #E8DCC3;

  /* ── State colors ── */
  --free:        #4D7C3E;
  --free-soft:   #DCE8D1;
  --pro:         #C2410C;
  --pro-soft:    #FDE5D5;
  --star:        #CA8A04;
  --danger:      #DC2626;
  --danger-soft: #FEE2E2;

  /* ── Typography ── */
  --font-sans:   'Pretendard Variable', Pretendard, -apple-system, system-ui, sans-serif;
  --font-serif:  'IBM Plex Serif', Georgia, 'Noto Serif KR', serif;
  --font-mono:   'IBM Plex Mono', ui-monospace, Consolas, monospace;

  /* ── Spacing ── */
  --radius:      10px;
  --radius-lg:   16px;
  --radius-xl:   24px;

  /* ── Shadows ── */
  --shadow-sm:   0 1px 3px rgba(30,26,21,.07);
  --shadow:      0 2px 8px rgba(30,26,21,.10);
  --shadow-lg:   0 8px 32px rgba(30,26,21,.12);
}

/* ── Dark Mode ── */
[data-theme="dark"] {
  --bg:          #17181a;
  --bg-soft:     #1d1e22;
  --bg-card:     #23252a;
  --ink:         #F5F1E8;
  --ink-2:       #d6cfbf;
  --muted:       #9a9386;
  --muted-2:     #6b6658;
  --line:        #2c2e34;
  --line-2:      #24262b;
  --brand:       #E86B3C;
  --brand-deep:  #F59E0B;
  --brand-soft:  rgba(232,107,60,.14);
  --accent:      #7AAE9E;
  --accent-soft: rgba(122,174,158,.16);
  --chalk:       #3a352c;
  --free:        #8BBF77;
  --free-soft:   rgba(139,191,119,.14);
  --pro:         #E86B3C;
  --pro-soft:    rgba(232,107,60,.16);
  --star:        #E9B838;
  --danger:      #F87171;
  --danger-soft: rgba(248,113,113,.14);
}