/* ============================================================
   THEME: PARCHMENT — warm cream pages, brown ink, muted gold.
   Reading-room mood. Like Solarized-light's calmer cousin.
   ============================================================ */
[data-theme="parchment"] {
  color-scheme: light;

  --bg-0:     #ede0c4;
  --bg-1:     #f4ead4;
  --bg-2:     #fdf6e3;
  --bg-3:     #e8dcb6;
  --bg-inset: #2a2010;
  --bg-sheen: rgba(58,47,29,0.04);

  --fg-1: #2a2010;
  --fg-2: #5a4628;
  --fg-3: #75613b;
  --fg-4: #b8a46d;
  /* Dark ink on the gold accent — cream (#f4ead4) only hit 2.72:1 on #b8860b;
     deep brown clears 4.5:1 for the primary CTA / active lang toggle / approved box. */
  --fg-on-brand: #2a2010;

  --line-1:     rgba(58,47,29,0.08);
  --line-2:     rgba(58,47,29,0.14);
  --line-3:     rgba(58,47,29,0.24);
  --line-focus: #b8860b;

  --accent:       #b8860b;
  --accent-hover: #d09d20;
  --accent-press: #946800;
  --accent-soft:  rgba(184,134,11,0.16);
  --accent-ring:  rgba(184,134,11,0.40);

  --hot:        #c44569;
  --hot-soft:   rgba(196,69,105,0.14);
  --info:       #6b8e23;
  --info-soft:  rgba(107,142,35,0.14);
  --xp:         #b8860b;
  --xp-soft:    rgba(184,134,11,0.14);
  --warn:       #cc7a00;
  --warn-soft:  rgba(204,122,0,0.16);
  --danger:     #a83232;
  --danger-soft: rgba(168,50,50,0.12);
  --boss:       #7c4a8a;
  --boss-soft:  rgba(124,74,138,0.14);

  /* Text-on-soft shades — see light.css. Clear AA 4.5:1 on the soft tint
     (measured); boss already passes (4.54:1). */
  --warn-text:   #885407;
  --xp-text:     #7b5a0d;
  --info-text:   #54661c;
  --accent-text: #7c5b0d;
  --danger-text: #a33131;

  --logoPrimary:   #b8860b;
  --logoSecondary: #2a2010;

  --glow-lime:    0 0 0 1px rgba(184,134,11,0.30), 0 0 18px -6px rgba(184,134,11,0.42);
  --glow-magenta: 0 0 0 1px rgba(196,69,105,0.30), 0 0 18px -6px rgba(196,69,105,0.42);
  --glow-cyan:    0 0 0 1px rgba(107,142,35,0.30), 0 0 18px -6px rgba(107,142,35,0.42);
  --glow-gold:    0 0 0 1px rgba(184,134,11,0.40), 0 0 22px -6px rgba(184,134,11,0.55);

  --shadow-xs: 0 1px 0 rgba(58,47,29,0.05);
  --shadow-sm: 0 1px 2px rgba(58,47,29,0.08), 0 1px 0 rgba(58,47,29,0.04);
  --shadow-md: 0 8px 20px -8px rgba(58,47,29,0.20);
  --shadow-lg: 0 24px 44px -16px rgba(58,47,29,0.26);
  --shadow-pop: 0 0 0 1px rgba(58,47,29,0.10), 0 18px 40px -12px rgba(58,47,29,0.30);

  --grid-color: rgba(58,47,29,0.05);
  --grid-size:  28px;

  --grad-brand: linear-gradient(135deg, #b8860b 0%, #cc7a00 100%);
  --grad-hot:   linear-gradient(135deg, #c44569 0%, #a83232 100%);
  --grad-hud:   linear-gradient(135deg, #6b8e23 0%, #7c4a8a 100%);
  --grad-xp:    linear-gradient(90deg,  #b8860b 0%, #c44569 100%);
}