/* css/tokens.css — The Kerala Wedding Collective
 *
 * The palette is taken from a Kerala wedding hall rather than from a postcard:
 * polished kadappa stone underfoot, kasavu cotton, the gold zari border on it,
 * brass lamps, banana leaf. Deliberately no teal — that belongs to the parent
 * studio — and none of the painted Fontainhas colour the Goa site uses.
 *
 * Marcellus for display: roman capitals with the weight of an inscribed brass
 * plate. Karla for text, which is a grotesque with enough irregularity that a
 * page of it does not read as a template.
 */

:root {
  /* ---- ink & ground ---- */
  --kadappa:      #16181b;   /* polished black stone */
  --kadappa-80:   #24282c;
  --kadappa-60:   #3c4248;
  --slate:        #5d666e;   /* secondary text on light */
  --ivory:        #f6f1e4;   /* kasavu handloom */
  --paper:        #fcfaf4;   /* page ground */
  --paper-warm:   #f2ead8;

  /* ---- metals & accents ---- */
  --zari:         #a9852f;   /* gold thread */
  --zari-deep:    #866721;
  --zari-pale:    #e3d3a4;
  --brass:        #c9a961;
  --kumkumam:     #8a2e24;   /* deep red, used sparingly */
  --leaf:         #3e5b45;   /* banana leaf, muted */

  /* ---- semantic ---- */
  --bg:           var(--paper);
  --fg:           var(--kadappa);
  --muted:        var(--slate);
  --rule:         #e0d7c3;
  --rule-strong:  #cbbfa4;
  --accent:       var(--zari);

  /* ---- type ---- */
  --font-display: 'Marcellus', 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Karla', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* A 1.25 scale, clamped so the big sizes behave on a phone. */
  --t-xs:   0.75rem;
  --t-sm:   0.875rem;
  --t-base: 1rem;
  --t-md:   clamp(1.05rem, 0.99rem + 0.3vw, 1.2rem);
  --t-lg:   clamp(1.3rem,  1.18rem + 0.6vw, 1.65rem);
  --t-xl:   clamp(1.6rem,  1.35rem + 1.2vw, 2.3rem);
  --t-2xl:  clamp(2rem,    1.55rem + 2.2vw, 3.2rem);
  --t-3xl:  clamp(2.4rem,  1.6rem  + 3.8vw, 4.6rem);

  --lh-tight: 1.12;
  --lh-head:  1.2;
  --lh-body:  1.62;

  /* ---- space ---- */
  --s-1: 0.25rem;  --s-2: 0.5rem;   --s-3: 0.75rem;  --s-4: 1rem;
  --s-5: 1.5rem;   --s-6: 2rem;     --s-7: 3rem;     --s-8: 4rem;
  --s-9: 6rem;     --s-10: 8rem;

  --wrap: 1180px;
  --wrap-narrow: 720px;

  --radius: 2px;          /* almost square. Kerala joinery, not app UI. */
  --radius-lg: 3px;

  --shadow-sm: 0 1px 2px rgba(22, 24, 27, 0.06);
  --shadow:    0 2px 14px rgba(22, 24, 27, 0.08);
  --shadow-lg: 0 18px 50px rgba(22, 24, 27, 0.16);

  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
}

/* The site is light-first. Anyone reading in dark mode gets the kadappa ground
   the hero already uses, so the brand looks like itself either way. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --bg:      #101215;
    --fg:      var(--ivory);
    --muted:   #a7aeb5;
    --paper:   #101215;
    --paper-warm: #191d21;
    --rule:    #2b3036;
    --rule-strong: #3c4248;
    /* The leaf and kumkumam are mixed for ink on paper. Against the kadappa
       ground they drop below a readable contrast, so both lift here — the
       muhurtham band is the one place on the site where colour carries
       meaning rather than decoration. */
    --leaf:      #6d9b78;
    --kumkumam:  #cf6a5c;
    --zari:      #c9a961;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}