/* ============================================================
   Design tokens — Aram & Sarine
   Stone · parchment · pomegranate

   The four neutrals are the submitted palette, unchanged. The
   accents are sampled from the watercolour motifs themselves,
   which is why they sit together: the artwork happens to fill
   exactly the midtone range the neutrals leave empty.
   ============================================================ */

:root {
  /* ---- Structure ----
     The ground sits a few steps below the submitted OFF WHITE (#efefeb),
     which read as glare at full phone brightness and left the motif washes
     with nothing to sit against. It moves toward the LIGHT tone rather than
     away from the palette. */
  --off-white: #dcd8cc;   /* page ground              */
  --parchment: #d7cdb7;   /* card surfaces            */
  --light: #ccc9c1;       /* quiet fills              */
  --grey: #b8b8b5;        /* rules, hairlines         */
  --stone: #363633;       /* ink, body text           */
  --stone-soft: #4c4c49;  /* secondary text           */
  --stone-faint: #56564f; /* captions, meta           */

  /* ---- Accents, measured from the illustrations ----
     Clay is darker than the raw sample (#896345), which failed AA on the card
     surface. Every mid-tone here is now set with headroom against the DARKEST
     surface (parchment), so lowering the ground again cannot quietly push text
     under AA — which it did twice while tuning. */
  --pom: #813a27;         /* primary accent           */
  --pom-deep: #5a2519;    /* hover, emphasis          */
  --clay: #6b4930;        /* tertiary marks           */
  --indigo: #192c3d;      /* cool counterweight       */

  /* ---- Channels ----
     Every hairline, wash and shadow is mixed from these rather than from a
     literal, so the next palette change is four lines instead of sixty-eight. */
  --ch-ink: 54, 54, 51;
  --ch-line: 184, 184, 181;
  --ch-accent: 129, 58, 39;
  --ch-paper: 220, 216, 204;

  /* ---- Surfaces ----
     Paper, not glass. On a light ground a blurred translucent panel reads as
     smudge; a sheet lifted a hair off the page reads as stationery. */
  --paper-bg: #e2ded1;
  --paper-border: rgba(var(--ch-ink), 0.09);
  --paper-rule: rgba(var(--ch-ink), 0.12);
  --paper-shadow:
    0 1px 2px rgba(var(--ch-ink), 0.035),
    0 14px 30px -22px rgba(var(--ch-ink), 0.2);
  --paper-shadow-lift:
    0 2px 4px rgba(var(--ch-ink), 0.045),
    0 22px 44px -24px rgba(var(--ch-ink), 0.24);

  /* ---- Photographic washes ----
     Inverted from the old design: these lift a photo into the paper rather
     than sinking it into black. */
  --grad-veil: linear-gradient(
    to bottom,
    rgba(var(--ch-paper), 0.22) 0%,
    rgba(var(--ch-paper), 0.04) 20%,
    rgba(var(--ch-paper), 0.03) 46%,
    rgba(var(--ch-paper), 0.18) 66%,
    rgba(var(--ch-paper), 0.48) 82%,
    rgba(var(--ch-paper), 0.82) 92%,
    var(--off-white) 100%
  );
  --grad-vignette: radial-gradient(
    120% 82% at 50% 44%,
    transparent 54%,
    rgba(var(--ch-ink), 0.05) 82%,
    rgba(var(--ch-ink), 0.11) 100%
  );

  /* ---- Type ---- */
  --font-display: "Cormorant Garamond", "Noto Serif Armenian", serif;
  --font-body: "Montserrat", "Noto Serif Armenian", sans-serif;
  --font-ar-display: "Amiri", serif;
  --font-hy: "Noto Serif Armenian", serif;

  /* Display weight sits a step heavier than the dark theme used — 300 on a
     light ground reads thin and washed out.
     The whole scale carries a +1px offset: each clamp's minimum, maximum and
     fixed term were all raised together, so the lift is exactly 1px at every
     viewport rather than a proportional rescale. */
  --weight-display: 400;
  --weight-display-light: 300;

  --text-hero: clamp(2.6625rem, 1.2625rem + 7.5vw, 6.5625rem);
  --text-title: clamp(1.8625rem, 1.2625rem + 3vw, 3.2625rem);
  --text-sub: clamp(1.1125rem, 1.0125rem + 0.6vw, 1.5125rem);
  --text-base: clamp(1.0125rem, 0.9625rem + 0.3vw, 1.1425rem);
  --text-small: clamp(0.7825rem, 0.7425rem + 0.2vw, 0.8825rem);

  --tracking-caps: 0.3em;

  /* ---- Rhythm ---- */
  --space-section: clamp(4rem, 2.8rem + 7vw, 10rem);
  --space-card: clamp(1.5rem, 1.2rem + 1.6vw, 2.6rem);
  --content-max: 68rem;

  /* ---- Motion ---- */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-luxe: cubic-bezier(0.65, 0, 0.15, 1);
  --duration-fast: 220ms;
  --duration-normal: 500ms;
  --duration-slow: 1100ms;
}