/*
  SREF — Meridian: design tokens.

  THE BRAND PALETTE IS UNCHANGED. Every value in the "Brand" block below is
  copied verbatim from the parent's skins/skin-a.css (Akwaaba Editorial) —
  the default skin, the CEO-approved direction, and the refined descendant
  of the original idea/ mockup's green-and-gold. This theme changes the
  art direction, not SREF's colors.

  Everything under "Derived" is a tint, shade or alpha of those same
  brand values — nothing new is introduced.

  This file also re-declares the parent's full token contract (all 28
  custom properties base.css reads), because base.css loads underneath
  this theme as a structural floor for any page not yet redesigned here.
  Leave a token out and an inherited page loses a color.
*/

:root{
  /* ---------- Brand — verbatim from skin-a.css ---------- */
  --bg:#F8F6F0;
  --surface:#FFFFFF;
  --surface-2:#ECEFE6;
  --ink:#17231C;
  --ink-soft:#5B6B60;
  --line:#E1DFD6;

  --accent:#0F6B4F;
  --accent-dark:#0F231B;
  --accent-2:#C8963C;
  /* The ONE brand value adjusted, and only for accessibility: skin-a's
     #8F6A28 measures 4.24:1 on --bg and 3.98:1 on --accent-2-light, and it
     is used almost exclusively for small mono labels where 4.5:1 is the
     bar. #83601F is the same hue two steps darker — 5.33:1 and 4.65:1
     respectively. The brand gold itself (--accent-2) is untouched. */
  --accent-2-deep:#83601F;
  --accent-2-light:#F3E6C8;
  --accent-contrast:#FFFFFF;

  --nav-bg:#0F231B;
  --nav-text:#ECEFE6;
  --panel-dark:#0F231B;
  --panel-dark-text:#ECEFE6;
  --panel-dark-text-soft:#C7D0C7;

  /* ---------- Derived — tints/shades/alphas of the above only ---------- */
  /* Lightened from --ink-soft but no further than AA allows: at #8A978D
     this hit only 2.82:1 on --bg, and it is used for small mono labels
     (hero credentials, card meta, footer legal) where 4.5:1 is the bar,
     not the 3:1 large-text one. #626F66 measures 4.8:1. */
  --ink-faint:#626F66;
  --line-soft:#EDEAE1;              /* --line lightened, for inner hairlines */
  --paper:#FFFDF8;                  /* --bg warmed, for raised cards on --bg */
  --accent-tint:#E7F0EB;            /* --accent at ~8% over --bg */
  --accent-wash:rgba(15,107,79,.07);
  --accent-line:rgba(15,107,79,.16);
  --gold-wash:rgba(200,150,60,.10);
  --ink-wash:rgba(23,35,28,.06);
  --scrim:linear-gradient(180deg,rgba(15,35,27,0) 42%,rgba(15,35,27,.62) 100%);
  --scrim-strong:linear-gradient(180deg,rgba(15,35,27,.20) 0%,rgba(15,35,27,.80) 100%);

  /* ---------- Type ---------- */
  --font-display:'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:'Karla', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;

  /* ---------- Shape ----------
     Larger and softer than skin-a's 8px/4px: this direction is built on
     big rounded photographic containers, and the pill button matches the
     pill nav the parent already ships. Shape is art direction, not brand —
     the palette above is what stays fixed. */
  /* Softer throughout, matching the reference's rounding. Every card,
     media frame and panel reads from these four, so the whole site's
     softness is four numbers. */
  --card-radius:28px;
  --btn-radius:999px;
  --radius-lg:36px;
  --radius-md:20px;
  --radius-sm:12px;

  --shadow:0 30px 60px -34px rgba(15,35,27,.34);
  --shadow-sm:0 10px 24px -14px rgba(15,35,27,.26);
  --shadow-lg:0 50px 90px -40px rgba(15,35,27,.40);

  --heading-transform:none;
  --heading-tracking:-0.022em;

  /* ---------- Tokens base.css reads that this theme restates ---------- */
  --hero-scrim:var(--scrim);
  --hero-text:#ECEFE6;
  --hero-text-soft:#C7D0C7;
  --hero-dot-inactive:rgba(236,239,230,.35);

  /* ---------- Motion ----------
     One easing vocabulary for the whole theme. Everything decelerates on
     the same curve so separate components read as one system. */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-fast:.24s;
  --dur-mid:.45s;
  --dur-slow:.8s;
}