/* =========================================================
   CHAYCHI — Design Tokens
   Palette drawn from roasted tea, dark wood, copper vessels,
   pomegranate, and the muted turquoise of carpet ornament.
   ========================================================= */

:root{
  /* --- Color: base --- */
  --ink:        #15100B;   /* roasted tea / near-black, main bg */
  --ink-soft:   #1D1610;   /* slightly lifted panel on ink */
  --bark:       #271C13;   /* card / dark-wood surface */
  --bark-soft:  #332417;   /* hover / raised card */
  --line:       #3C2C1D;   /* hairline borders on dark */

  --parchment:  #EDE2C8;   /* cream section background */
  --parchment-soft: #F5EDDA;
  --cream:      #F4ECDC;   /* primary light text on dark */
  --sand:       #B7A183;   /* muted secondary text on dark */
  --ink-on-cream: #241A10; /* body text on cream sections */
  --ink-on-cream-soft: #5B4B36;

  /* --- Color: accents --- */
  --copper:      #C9843F;
  --copper-dim:  #8A5A2A;
  --pomegranate: #A93A2E;
  --pomegranate-dim: #742922;
  --teal:        #3E8078;
  --gold-line:   #7A5B33;

  /* --- Type --- */
  --f-display: "Unbounded", "Arial Narrow", sans-serif;
  --f-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* --- Scale --- */
  --step--1: clamp(0.82rem, 0.8rem + 0.1vw, 0.9rem);
  --step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.08rem);
  --step-1:  clamp(1.2rem, 1.1rem + 0.4vw, 1.4rem);
  --step-2:  clamp(1.5rem, 1.3rem + 0.8vw, 1.9rem);
  --step-3:  clamp(2rem, 1.6rem + 1.6vw, 2.8rem);
  --step-4:  clamp(2.6rem, 2rem + 2.6vw, 4rem);
  --step-5:  clamp(3.4rem, 2.4rem + 4.4vw, 6.4rem);

  /* --- Layout --- */
  --container: 1240px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --radius-s: 8px;
  --radius-m: 16px;
  --radius-l: 28px;

  /* --- Motion --- */
  --ease-out: cubic-bezier(.16,.8,.28,1);
  --ease-soft: cubic-bezier(.4,0,.2,1);
  --dur-fast: 220ms;
  --dur-med: 480ms;
  --dur-slow: 900ms;
}

@media (prefers-color-scheme: light){
  :root{ /* site is intentionally always in its tea-house palette */ }
}