/* Shared design tokens for platform and website (docs/konzepte/design-system.md). */
:root {
  --paper: #f6f4ed;
  --paper-deep: #eeeade;
  --card: #fdfcf7;
  --ink: #1d2630;
  --ink-soft: #535f6a;
  --ink-mute: #66717c;
  --navy: #1c4663;
  --navy-bright: #23577d;
  --navy-night: #0e2230;
  --navy-night-2: #122c3e;
  --seal: #96402e;
  --pine: #2f6b4f;
  --rule: #d8d2c2;
  --rule-soft: #e5e0d1;
  --rule-strong: #c6bea9;
  --ghost: #e9e4d6;
  --paper-on-dark: #eae7da;
  --soft-on-dark: #aebfca;
  --rule-on-dark: rgb(234 231 218 / 16%);

  --font-display: "Newsreader", "Iowan Old Style", Georgia, serif;
  --font-body: "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --bg: var(--card);
  --panel: var(--paper-deep);
  --border: var(--rule);
  --text: var(--ink);
  --muted: var(--ink-soft);
  --accent: var(--navy);
  --error-bg: rgb(150 64 46 / 8%);
  --error-border: rgb(150 64 46 / 35%);
  --error-text: var(--seal);
  --info-bg: rgb(28 70 99 / 7%);
  --info-border: rgb(28 70 99 / 25%);
  --info-text: var(--navy);
  --warn-bg: #fbf3df;
  --warn-border: #eadcb0;
  --warn-text: #8a6a16;
  --ok-bg: rgb(47 107 79 / 8%);
  --ok-border: rgb(47 107 79 / 35%);
  --ok-text: var(--pine);
  --brand: var(--navy);
  --brand-bright: var(--navy-bright);
  --brand-strong: #163a52;
  --brand-ink: #15384f;
  --brand-tint: rgb(28 70 99 / 7%);
  --brand-ring: rgb(28 70 99 / 24%);
  --radius: 8px;
  --shadow-hover: 0 2px 5px rgb(29 38 48 / 10%);
  --shadow-btn: 0 1px 2px rgb(14 34 48 / 20%), 0 4px 14px rgb(28 70 99 / 22%);
  --shadow-btn-hover: 0 2px 4px rgb(14 34 48 / 22%), 0 9px 22px rgb(28 70 99 / 30%);
}