:root{
  /* ── Brand base: deep teal (primary) ───────────────── */
  --teal-950:#0f1f20;
  --teal-900:#16292b;
  --teal-800:#1d3335;
  --teal-700:#253d3f;   /* brand primary, from logo */
  --teal-600:#33555a;
  --teal-500:#476e73;
  --teal-400:#6b9095;
  --teal-300:#9db6b8;
  --teal-200:#c6d7d8;
  --teal-100:#dee9e9;
  --teal-50:#eff5f5;

  /* ── Brand base: blush (accent) ────────────────────── */
  --blush-900:#6f2f38;
  --blush-800:#8c3f4a;  /* AAA-safe blush text on white (7.3:1) */
  --blush-700:#a94f5b;  /* AA-safe blush text on white (4.9:1) */
  --blush-600:#d1848f;
  --blush-500:#edb0b8;  /* brand accent, from logo — decorative only */
  --blush-400:#f3c6cc;
  --blush-300:#f8dde0;
  --blush-200:#fbebed;
  --blush-100:#fdf5f6;

  /* ── Neutrals (never pure black — house rule) ─────── */
  --ink-900:#101010;
  --ink-800:#1e1e1e;
  --ink-700:#2e2e2e;
  --ink-600:#4a4a4a;
  --ink-500:#5f5f5f;
  --ink-400:#8a8a8a;
  --ink-300:#c9c9c9;
  --ink-200:#e2e2e2;
  --ink-100:#f1f1f1;
  --white:#ffffff;

  /* ── Semantic status ──────────────────────────────── */
  --status-success:#1f6b4f;
  --status-success-surface:#e8f3ee;
  --status-warning:#8a5a12;
  --status-warning-surface:#fbf1e0;
  --status-error:#9a2a2a;
  --status-error-surface:#f9eaea;
  --status-info:var(--teal-700);
  --status-info-surface:var(--teal-50);

  /* ── Semantic text (all ≥7:1 on their surface) ────── */
  --text-heading:var(--teal-700);
  --text-body:var(--ink-900);
  --text-muted:var(--ink-600);
  --text-inverse:var(--white);
  --text-inverse-muted:var(--teal-100);
  --text-accent:var(--blush-800);
  --text-link:var(--teal-700);
  --text-link-hover:var(--blush-800);

  /* ── Semantic surfaces ────────────────────────────── */
  --surface-page:var(--white);
  --surface-soft:var(--blush-100);
  --surface-blush:var(--blush-200);
  --surface-card:var(--white);
  --surface-card-soft:var(--blush-100);
  --surface-dark:var(--teal-700);
  --surface-darker:var(--teal-900);
  --surface-tint:var(--teal-50);

  /* ── Semantic lines & marks ───────────────────────── */
  --border-hairline:var(--ink-200);
  --border-card:rgba(37,61,63,.10);
  --border-strong:var(--teal-700);
  --border-accent:var(--blush-500);
  --rule-decorative:var(--blush-500);

  /* ── Interactive ──────────────────────────────────── */
  --btn-primary-bg:var(--teal-700);
  --btn-primary-bg-hover:var(--teal-800);
  --btn-primary-fg:var(--white);
  --btn-secondary-bg:transparent;
  --btn-secondary-fg:var(--teal-700);
  --btn-secondary-border:var(--teal-700);
  --btn-accent-bg:var(--blush-500);
  --btn-accent-fg:var(--teal-900);
  --btn-accent-bg-hover:var(--blush-400);
  --focus-ring:var(--blush-800);

  /* ── Gradients (soft, always near-white) ──────────── */
  --gradient-hero:linear-gradient(135deg,#ffffff 0%,#fdf5f6 45%,#f8dde0 100%); /* @kind color */
  --gradient-blush-wash:linear-gradient(180deg,#ffffff 0%,#fbebed 100%); /* @kind color */
}