/* Haiku colors — values transcribed verbatim from the Haiku Brand Tool Kit "Colors" page.
   CMYK equivalents are documented in readme.md; CSS carries the RGB/HEX values only. */
:root{
  /* ── Core: Black family ───────────────────────────────── */
  --haiku-black:#191919;        /* R25 G25 B25   H0 S0 L10  · C75 M65 Y60 K80 */
  --haiku-black-800:#333333;    /* R51 G51 B51   H0 S0 L20  · C75 M65 Y60 K60 */
  --haiku-black-600:#595959;    /* R89 G89 B89   H0 S0 L35  · C59 M49 Y47 K40 */
  --haiku-white:#FFFFFF;

  /* ── Core: Red family (primary) ───────────────────────── */
  --haiku-red-core:#E01F2E;     /* R224 G31 B46  H355 S76 L50 · C0 M100 Y80 K0 — logo & headings red */
  --haiku-red:#FB3747;          /* R251 G55 B71  H355 S96 L60 · C0 M87 Y62 K0  — brand red, most used */
  --haiku-red-300:#FC848E;      /* R252 G132 B142 H355 S95 L75 · C0 M61 Y30 K0 */

  /* ── Secondary: Gray family ───────────────────────────── */
  --haiku-gray-600:#A7A7A7;     /* R167 G167 B167 H0 S0 L65 · C36 M28 Y30 K7 */
  --haiku-gray-400:#BFBFBF;     /* R191 G191 B191 H0 S0 L75 · C29 M21 Y22 K0 */
  --haiku-gray-100:#EDEDED;     /* R237 G237 B237 H0 S0 L93 · C8 M6 Y7 K0 */

  /* ── Secondary: Blue family ───────────────────────────── */
  --haiku-blue-600:#49B4C0;     /* R73 G180 B192  H186 S49 L52 · C67 M0 Y26 K0 */
  --haiku-blue-400:#5BD4E1;     /* R91 G212 B225  H186 S69 L62 · C57 M0 Y17 K0 */
  --haiku-blue-200:#9EE5ED;     /* R158 G229 B237 H186 S69 L77 · C40 M0 Y12 K0 */

  /* ── Secondary: Yellow family ─────────────────────────── */
  --haiku-yellow-600:#FED81F;   /* R254 G216 B31  H50 S99 L56  · C0 M13 Y89 K0 */
  --haiku-yellow-400:#FFE252;   /* R255 G226 B82  H50 S100 L66 · C0 M8 Y76 K0 */
  --haiku-yellow-200:#FFEF9E;   /* R255 G239 B158 H50 S100 L81 · C0 M4 Y48 K0 */

  /* ── Gradients (from the Colors page "Gradients" column) ─ */
  --haiku-gradient-cyan:linear-gradient(135deg,#EDEDED 0%,#5BD4E1 100%);      /* @kind color */
  --haiku-gradient-sunrise:linear-gradient(135deg,#FB3747 0%,#FFE252 100%);   /* @kind color */
  --haiku-gradient-dusk:linear-gradient(135deg,#FB3747 0%,#5BD4E1 100%);      /* @kind color */

  /* ── Semantic aliases ─────────────────────────────────── */
  --text-primary:var(--haiku-black);
  --text-secondary:var(--haiku-black-600);
  --text-muted:var(--haiku-gray-400);
  --text-accent:var(--haiku-red-core);
  --text-inverse:var(--haiku-white);
  --text-on-accent:var(--haiku-white);

  --surface-page:var(--haiku-white);
  --surface-subtle:var(--haiku-gray-100);
  --surface-inverse:var(--haiku-black);
  --surface-accent:var(--haiku-red-core);
  --surface-accent-bright:var(--haiku-red);
  --surface-highlight:var(--haiku-yellow-400);

  --border-subtle:var(--haiku-gray-100);
  --border-default:var(--haiku-gray-400);
  --border-strong:var(--haiku-black);
  --border-accent:var(--haiku-red);

  --focus-ring:var(--haiku-red);
  --link:var(--haiku-red-core);
  --link-hover:var(--haiku-red);
}
/* Inverse / on-dark scope: the deck's black slides and the mesh key visuals */
.haiku-on-dark{
  --text-primary:var(--haiku-white);
  --text-secondary:var(--haiku-gray-400);
  --text-muted:var(--haiku-black-600);
  --text-accent:var(--haiku-red);
  --text-inverse:var(--haiku-black);
  --surface-page:var(--haiku-black);
  --surface-subtle:var(--haiku-black-800);
  --surface-inverse:var(--haiku-white);
  --border-subtle:var(--haiku-black-800);
  --border-default:var(--haiku-black-600);
  --border-strong:var(--haiku-white);
  --link:var(--haiku-red);
  --link-hover:var(--haiku-red-300);
}
/* On-red scope: section dividers and title slides */
.haiku-on-red{
  --text-primary:var(--haiku-white);
  --text-secondary:var(--haiku-white);
  --text-muted:rgba(255,255,255,.7);
  --text-accent:var(--haiku-white);
  --surface-page:var(--haiku-red-core);
  --surface-subtle:var(--haiku-red);
  --border-strong:var(--haiku-white);
  --border-default:rgba(255,255,255,.4);
  --link:var(--haiku-white);
  --link-hover:var(--haiku-yellow-400);
}