/* SKYDEW interference — colour tokens.
   The base palette is identical to design_handoff_skydew_website/tokens/colors.css.
   The redesign adds the red square from the logo mark as an accent, two surface
   tints for cards, and translucent hairlines — nothing else. */
:root{
  /* Base palette */
  --color-teal:#1D4C5E;   /* rgb(29,76,94)    — primary brand: headings, CTA, rules */
  --color-navy:#0E212A;   /* rgb(14,33,42)    — deep dark: hero, feature sections, footer */
  --color-cream:#FCF7E9;  /* rgb(252,247,233) — light surface + display text on dark */
  --color-ink:#1E1E1E;    /* rgb(30,30,30)    — body text */
  --color-steel:#BDCBD0;  /* rgb(189,203,208) — muted text, section numbers */
  --color-white:#FFFFFF;  /* hero H1 and feature titles on navy */
  --color-signal:#BC2A1F; /* rgb(188,42,31)   — the red square in the logo mark; "cut" accents only */
  --color-signal-bright:#E2523F; /* the same red lifted for small text on navy (4.6:1) */

  /* Tints derived from the palette */
  --color-navy-2:#142F3A;              /* raised surface on navy (tiles, diagrams) */
  --color-cream-2:#F5EFDF;             /* raised surface on cream (cards) */
  --line-on-dark:rgba(252,247,233,.16);
  --line-on-light:rgba(14,33,42,.16);
  --text-on-dark-muted:rgba(252,247,233,.72);

  /* Semantic aliases */
  --surface-cover:var(--color-navy);
  --surface-section:var(--color-teal);
  --surface-content:var(--color-cream);
  --text-on-dark:var(--color-cream);
  --text-hero-on-cover:var(--color-white);
  --text-heading:var(--color-navy);
  --text-body:var(--color-ink);
  --text-muted:var(--color-steel);
  --accent:var(--color-signal);
  --star-on-cover:var(--color-teal);
  --border-hairline:var(--color-steel);
}