/* ── Colour ────────────────────────────────────────────────────────────────
   Base values are sampled from the live Verschmelzung site (Elementor theme
   colour #447796). The 2026 logo-relaunch moodboard proposes a sharpened
   variant of the same family ("Weg A") — see tokens/palette-weg-a.css.
   ───────────────────────────────────────────────────────────────────────── */
:root{
  /* Blue — the sender. 60 % of any layout. */
  --blue-900:#0C2434;
  --blue-800:#13374B;
  --blue-700:#1F4F68;
  --blue-600:#356882;
  --blue-500:#447796;
  --blue-400:#6E9BB4;
  --blue-300:#9CBCCE;
  --blue-200:#C6D8E2;
  --blue-100:#E3EDF3;
  --blue-050:#F1F6F9;

  /* Orange — the accent. 10 % of any layout, never a surface for body copy. */
  --orange-700:#B8460A;
  --orange-600:#D2540C;
  --orange-500:#E95B0D;
  --orange-400:#F07C3B;
  --orange-200:#F9CDB0;
  --orange-100:#FDEDE2;

  /* Neutrals — cool greys, the site never uses pure black. */
  --white:#FFFFFF;
  --grey-050:#F9FAFB;
  --grey-100:#F1F3F5;
  --grey-200:#E4E7E9;
  --grey-300:#DADADA;
  --grey-400:#B7BEC3;
  --grey-500:#7E8B93;
  --grey-600:#5A6B76;
  --grey-700:#3D5666;
  --grey-900:#13374B;

  /* Sand — warmth, from the moodboard palette. Used for print and quiet panels. */
  --sand-300:#D9D3C7;
  --sand-100:#EFEBE3;

  /* Status */
  --success-500:#2E7D53;
  --warning-500:#E9A20D;
  --danger-500:#C0392B;

  /* ── Semantic aliases ─────────────────────────────────────────────────── */
  --text-heading:var(--blue-800);
  --text-body:var(--grey-700);
  --text-muted:var(--grey-600);
  --text-on-dark:var(--white);
  --text-on-dark-muted:rgba(255,255,255,.82);
  --text-accent:var(--orange-500);
  --text-link:var(--blue-500);
  --text-link-hover:var(--orange-500);

  --surface-page:var(--white);
  --surface-subtle:var(--grey-050);
  --surface-card:var(--white);
  --surface-brand:var(--blue-500);
  --surface-brand-deep:var(--blue-800);
  --surface-accent:var(--orange-500);
  --surface-sand:var(--sand-100);

  --border-subtle:var(--grey-300);
  --border-card:rgba(19,55,75,.10);
  --border-on-dark:rgba(255,255,255,.28);

  --icon-accent:var(--orange-500);
  --icon-brand:var(--blue-500);

  --focus-ring:var(--orange-500);
}