/* Yudicon — color tokens
 * Source: Brand Book "Farben — Digital" (Figma: Yudicon Brand Design.fig)
 * HEX codes are the canonical reference.
 */
:root {
  /* ── Base palette ─────────────────────────────────────── */
  /* Primary */
  --yud-sea: #244061;        /* Sea — Primärfarbe für Logo & Schrift (digital) */
  --yud-dark-sea: #182C43;   /* Dark Sea */
  /* Neutrals */
  --yud-white: #FFFFFF;
  --yud-silver: #F4F4F4;     /* Silver */
  --yud-steel: #D1D1D1;      /* Steel */
  --yud-ink: #343434;        /* annotation/label grey used on light surfaces */
  /* Complementary (accents — use sparingly, mostly in imagery/material) */
  --yud-coral: #FFAD80;      /* Coral */
  --yud-brown: #A7836F;      /* Brown */

  /* ── Semantic aliases — light surfaces ────────────────── */
  --surface-page: var(--yud-white);
  --surface-card: var(--yud-silver);
  --surface-muted: var(--yud-steel);
  --text-body: var(--yud-sea);       /* running text is Sea, not black */
  --text-strong: var(--yud-dark-sea);
  --text-label: var(--yud-ink);      /* small annotations / page labels */
  --text-faint: var(--yud-steel);    /* ghosted display type on light bg */
  --border-hairline: var(--yud-steel);
  --border-hairline-strong: var(--yud-sea);

  /* ── Semantic aliases — dark (Sea) surfaces ───────────── */
  --surface-dark: var(--yud-sea);
  --surface-darker: var(--yud-dark-sea);
  --text-on-dark: var(--yud-silver);
  --text-on-dark-muted: var(--yud-steel);
  --border-on-dark: var(--yud-steel);
}