/* ============================================================
   MERA WORK design tokens
   Source of truth from 22 September 2026. Mirrors registry/brand.json.
   Manual colours: primary #4F2FB8, secondary #120E35, text #222222,
   accent #9B7CFF, green #1BB55C. Everything else is derived and noted.
   Components read the alias names (--violet, --plum ...) so the pitch
   layout ports one to one. Change a hue here, never in a component.
   ============================================================ */

:root{
  /* --- Manual primitives --- */
  --brand-primary:#4F2FB8;
  --brand-secondary:#120E35;
  --brand-text:#222222;
  --brand-accent:#9B7CFF;
  --brand-green:#1BB55C;

  /* --- Derived (see registry/brand.json "derived") --- */
  --brand-primary-deep:#3D22A3;
  --brand-primary-bright:#6B4DE6;
  --brand-secondary-deep:#0B0822;
  --brand-lavender-pale:#DCD3FF;
  --brand-mist:#F3F0FF;
  --brand-paper:#FFFFFF;
  --brand-graphite:#5B5773;
  --brand-hairline:#E5E1F3;
  --brand-sand:#F6F4EF;
  --brand-ice:#EEF2F5;

  /* --- Aliases used by components (names carried from the pitch) --- */
  --plum:var(--brand-secondary);
  --plum-deep:var(--brand-secondary-deep);
  --ink:var(--brand-text);
  --violet:var(--brand-primary);
  --violet-deep:var(--brand-primary-deep);
  --violet-bright:var(--brand-primary-bright);
  --indigo:var(--brand-primary);
  --cyan:var(--brand-accent);
  --magenta:var(--brand-primary);
  --amber:var(--brand-accent);
  --blue:var(--brand-primary);
  --green:var(--brand-green);
  --lavender:var(--brand-lavender-pale);
  --mist:var(--brand-mist);
  --paper:var(--brand-paper);
  --graphite:var(--brand-graphite);
  --hairline:var(--brand-hairline);
  --sand:var(--brand-sand);
  --ice:var(--brand-ice);

  /* --- Icon and accent colours (from the pitch palette, used only for icon tiles, card dots, the aurora and one highlighted word) --- */
  --ic-violet:#5B3ABD;
  --ic-violet-deep:#4D2FB7;
  --ic-violet-bright:#7C55E0;
  --ic-indigo:#4636D6;
  --ic-cyan:#16B6D8;
  --ic-magenta:#E24FA6;
  --ic-amber:#F4A62A;
  --ic-green:#17A867;
  --ic-blue:#2F6BF0;
  --ic-plum:#2B1F3F;
  --ic-graphite:#6B6483;

  /* --- Tints --- */
  --active-soft:rgba(27,181,92,.12);
  --v-border:rgba(79,47,184,.18);
  --v-soft:rgba(79,47,184,.08);
  --shadow-ink:rgba(18,14,53,.4);

  /* --- Gradients --- */
  --grad-v:linear-gradient(120deg,var(--violet),var(--violet-bright));
  --grad-cool:linear-gradient(120deg,var(--violet),var(--violet-bright) 46%,var(--cyan));
  --grad-warm:linear-gradient(120deg,var(--violet-bright),var(--violet) 55%,var(--cyan));
  --grad-iris:linear-gradient(100deg,var(--violet),var(--violet-bright) 26%,var(--cyan) 52%,var(--lavender) 76%,var(--violet));
  --grad-text:linear-gradient(140deg,var(--violet),var(--violet-bright) 62%,var(--cyan));
  --grad-accent:linear-gradient(120deg,var(--ic-blue),var(--ic-cyan));
  --grad-band:linear-gradient(135deg,var(--plum-deep) 0%,#2A1C6B 42%,var(--violet-deep) 78%,var(--violet-bright) 100%);
  --glass:linear-gradient(150deg,rgba(255,255,255,.94),rgba(243,240,255,.6));

  /* --- Type --- */
  --display:"Poppins",system-ui,Arial,sans-serif;
  --body:"Inter",system-ui,Arial,sans-serif;
  --mono:"Inter",system-ui,Arial,sans-serif;

  /* Manual scale (desktop max): H1 48/58, H2 40/50, H3 32/42, H4 28/38, body 16/26 */
  --fs-h1:clamp(2.125rem,1.4rem + 2.6vw,3rem);
  --lh-h1:1.21;
  --fs-h2:clamp(1.75rem,1.2rem + 2vw,2.5rem);
  --lh-h2:1.25;
  --fs-h3:clamp(1.5rem,1.15rem + 1.3vw,2rem);
  --lh-h3:1.31;
  --fs-h4:clamp(1.25rem,1.05rem + .8vw,1.75rem);
  --lh-h4:1.36;
  --fs-body:1rem;
  --lh-body:1.625;
  --fs-lead:1.125rem;
  --fs-small:.875rem;
  --fs-label:.6875rem;
  --track-label:.14em;

  /* --- Layout --- */
  --wrap:80rem;
  --gutter:1.25rem;
  --measure:37rem;
  --section-y:5.5rem;
  --radius-s:9px;
  --radius-m:14px;
  --radius-l:18px;
  --radius-pill:999px;

  /* --- Motion --- */
  --ease-out:cubic-bezier(.22,.7,.3,1);
  --t-fast:.18s;
  --t-base:.22s;
}