/* PandaPanda design tokens — Chinese aesthetic fusion */
:root {
  /* Brand */
  --brand-teal:      #0E7A61;   /* primary: nav, links */
  --brand-teal-dark: #0A5C49;
  --brand-coral:     #D85A30;   /* CTA buttons (from logo palette) */
  --brand-amber:     #C9A227;   /* gold accent, ratings */
  --brand-amber-lit: #EF9F27;   /* light gold (from logo palette) */
  --brand-red:       #A94438;   /* seal red: badges, must-see */
  --brand-red-deep:  #C0392B;

  /* Ink & paper */
  --ink:        #1F2328;
  --ink-soft:   #5A5F66;
  --ink-faint:  #8A8F98;
  --paper:      #FAF7F0;   /* warm rice-paper background */
  --paper-card: #FFFFFF;
  --paper-tint: #F3EDE0;   /* slightly deeper paper for sections */
  --border:     #E4DECD;
  --border-strong: #D3C9B4;

  /* Typography */
  --font-display:  "Playfair Display", "Noto Serif SC", "Songti SC", serif;
  --font-body:     "Noto Sans SC", "Inter", system-ui, sans-serif;
  --font-wordmark: "Montserrat", "Noto Sans SC", sans-serif;
  --fs-hero: clamp(2.6rem, 5.5vw, 4.4rem);
  --fs-title: clamp(1.9rem, 3vw, 2.6rem);
  --fs-h2: clamp(1.4rem, 2vw, 1.8rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-tiny: 0.78rem;

  /* Spacing */
  --space-1: 4px;  --space-2: 8px;  --space-3: 16px;
  --space-4: 24px; --space-5: 40px; --space-6: 64px; --space-7: 96px;

  /* Layout */
  --container-max: 1200px;
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 20px;

  /* Effects */
  --shadow-card: 0 2px 14px rgba(31, 35, 40, 0.08);
  --shadow-lift: 0 10px 30px rgba(31, 35, 40, 0.14);
  --header-h: 160px;

  /* Ink-wash motif (mountain silhouette) — relative so it resolves under /zh/ too */
  --deco-mountains: url("../img/decor/mountain-divider.svg");
}

/* Korean pages: use proper Hangul fonts (loaded only when lang="ko").
   Latin glyphs keep the same display fonts (Playfair/Montserrat) by ordering
   them first — the browser falls through to the KR font for Hangul only. */
html[lang="ko"] {
  --font-display: "Playfair Display", "Noto Serif KR", "Noto Serif SC", "Songti SC", serif;
  --font-body: "Noto Sans KR", "Noto Sans SC", "Inter", system-ui, sans-serif;
  --font-wordmark: "Montserrat", "Noto Sans KR", "Noto Sans SC", sans-serif;
}