/* Design tokens: colors, type, radii, shadows (light + dark) */

:root {
  --font-sans: "Pretendard JP", Pretendard, sans-serif;
  --font-serif: "Pretendard JP", Pretendard, sans-serif;
  --font-japanese-sans: "Pretendard JP", Pretendard, sans-serif;
  --font-japanese-serif: "Pretendard JP", Pretendard, sans-serif;
  --bg: #fff5f6;
  --surface: rgba(255,253,251,.86);
  --surface-solid: #fffdfb;
  --ink: #49383d;
  --muted: #927b82;
  --line: rgba(93,60,71,.12);
  --accent: #d65f7b;
  --accent-soft: #f9e7e8;
  --indigo: #849b55;
  --indigo-2: #9bb36f;
  --gold: #d9b37e;
  --green: #849b55;
  --shadow: 0 24px 60px rgba(132, 82, 96, .12);
  --shadow-sm: 0 10px 30px rgba(132, 82, 96, .09);
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --text-secondary: #735f66;
  --accent-text: #a93c59;
  --green-text: #61743e;
  --focus-ring: #a93c59;
}

html[lang="ja"] {
  --font-sans: "Pretendard JP", Pretendard, sans-serif;
  --font-serif: "Pretendard JP", Pretendard, sans-serif;
}

[data-theme="dark"] {
  --bg: #241c22;
  --surface: rgba(55,41,50,.88);
  --surface-solid: #372932;
  --ink: #fff4f6;
  --muted: #d2b7bf;
  --line: rgba(255,255,255,.1);
  --accent: #f08ca4;
  --accent-soft: rgba(214,95,123,.2);
  --indigo: #465536;
  --indigo-2: #667a4d;
  --green: #a9bf7b;
  --shadow: 0 24px 60px rgba(20,10,16,.3);
  --shadow-sm: 0 10px 30px rgba(20,10,16,.24);
  --text-secondary: #e0c6ce;
  --accent-text: #ffabc0;
  --green-text: #c5dc96;
  --focus-ring: #ffabc0;
}