:root{
  /* ---- Brand, sampled from ONWARDLAB LOGO.png ---- */
  --brand-pink:#E3597A;      /* lead */
  --brand-pink-deep:#DA5783;
  --brand-coral:#FB685E;
  --brand-purple:#964BA1;
  --brand-purple-deep:#7E3E8C;
  --brand-navy:#003E77;
  --brand-navy-deep:#002E58;

  /* Overlap tints produced by the logo's multiply overlaps */
  --brand-magenta:#C25093;
  --brand-violet:#AC4E9B;

  /* ---- Ink & neutrals (warm, reference-matched) ---- */
  --ink-1:#26231F;   /* headlines, dark bars */
  --ink-2:#4A453F;
  --ink-3:#736C64;
  --ink-4:#A9A29A;
  --line-1:#E4DFD8;
  --line-2:#D2CBC2;
  --paper-1:#FDFCFA;  /* page */
  --paper-2:#F6F2EC;  /* alt section */
  --paper-3:#EFE9E1;  /* wells, skeletons */
  --white:#FFFFFF;

  /* ---- Brand tints for large flat fields ---- */
  --pink-050:#FDF1F4;
  --pink-100:#F9DCE4;
  --pink-200:#F0B4C4;
  --purple-050:#F5EFF7;
  --purple-100:#E7D9EC;
  --navy-050:#EAF1F8;
  --navy-100:#CBDCEE;

  /* ---- Semantic ---- */
  --text-strong:var(--ink-1);
  --text-body:var(--ink-2);
  --text-muted:var(--ink-3);
  --text-invert:var(--white);
  --text-brand:var(--brand-pink);
  --text-link:var(--brand-purple-deep);
  --text-link-hover:var(--brand-pink);

  --surface-page:var(--paper-1);
  --surface-alt:var(--paper-2);
  --surface-card:var(--white);
  --surface-well:var(--paper-3);
  --surface-dark:var(--ink-1);
  --surface-brand:var(--brand-pink);
  --surface-brand-soft:var(--pink-050);
  --surface-navy:var(--brand-navy);
  --surface-purple:var(--brand-purple);

  --border-subtle:var(--line-1);
  --border-strong:var(--ink-1);
  --border-field:var(--line-2);
  --border-brand:var(--brand-pink);

  --action-primary:var(--ink-1);
  --action-primary-hover:#100E0C;
  --action-brand:var(--brand-pink);
  --action-brand-hover:#CD4468;
  --focus-ring:var(--brand-purple);

  --success:#2E7D52;
  --warning:#B5731A;
  --danger:#C8402F;
  --info:var(--brand-navy);

  /* ---- Signature gradient: the logo's coral → pink → purple sweep ---- */
  --gradient-brand:linear-gradient(90deg,var(--brand-coral) 0%,var(--brand-pink) 34%,var(--brand-magenta) 62%,var(--brand-purple) 100%);
  --gradient-brand-diag:linear-gradient(135deg,var(--brand-coral) 0%,var(--brand-pink) 40%,var(--brand-purple) 100%);
  --gradient-ink-veil:linear-gradient(180deg,rgba(38,35,31,0) 0%,rgba(38,35,31,.72) 100%); /* @kind color */
}