/* MERZ Design System — Color tokens
   Base values come verbatim from the Figma Variables (see fig-tokens.css):
   --merz-rot, --merz-blau, --merz-hellgrau, --merz-dunkelgrau-schrift,
   --textfarbe, --umrandungen, --wei */

:root {
  /* Base palette (duplicated from Figma variables with stable names) */
  --color-merz-rot: rgb(181, 27, 38);          /* Primary brand red */
  --color-merz-blau: rgb(0, 139, 197);         /* Secondary brand blue */
  --color-pce-rot: rgb(227, 6, 19);            /* PCE group red (brand family only) */
  --color-dunkelgrau: rgb(72, 72, 71);         /* Text dark grey */
  --color-hellgrau: rgb(243, 243, 243);        /* Light grey surface */
  --color-umrandung: rgb(175, 175, 175);       /* Border grey */
  --color-platzhalter: rgb(217, 217, 217);     /* Image placeholder grey */
  --color-schwarz: rgb(0, 0, 0);
  --color-weiss: rgb(255, 255, 255);

  /* Semantic aliases */
  --text-body: var(--color-dunkelgrau);
  --text-invers: var(--color-weiss);
  --text-akzent: var(--color-merz-rot);
  --surface-page: var(--color-weiss);
  --surface-section: var(--color-hellgrau);
  --surface-card: var(--color-weiss);
  --surface-primary: var(--color-merz-rot);
  --surface-secondary: var(--color-merz-blau);
  --surface-topbar: var(--color-schwarz);
  --border-default: var(--color-umrandung);
  --link-color: var(--color-merz-rot);
}