/* Itolia-Markenfarben für MailBridge. Quelle: itolia.de und das Logo.
   Systemschrift statt Webfonts (keine externen Ressourcen).
   --brand ist nur für Flächen und große Elemente; Text und Buttons nutzen --brand-strong
   (Kontrast ≥ 4,5:1 auf Weiß, WCAG 2.2 AA). */
:root {
  --brand: #ef6306;
  --brand-strong: #bd4f05;
  --brand-gradient: linear-gradient(135deg, #e6500f 0%, #f07d00 100%);
  --brand-tint: #fdf1e8;
  --on-brand: #ffffff;

  --text: #1f1f1f;
  --text-muted: #6b6b6b;
  --bg: #ffffff;
  --surface: #faf9f8;
  --surface-alt: #f2f0ee;
  --border: #e3e0dd;

  --success: #1a7f37;
  --warning: #9a6700;
  --danger: #c62828;

  --radius: 12px;
  --radius-small: 8px;
  --space: 8px;
  --shadow-card: 0 8px 32px rgb(0 0 0 / 0.06);
  --focus-ring: 0 0 0 3px rgb(239 99 6 / 0.45);

  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --brand: #f07d00;
    --brand-strong: #ff8a1f;
    --brand-tint: #2e1d10;
    --on-brand: #1a1208;

    --text: #f2f2f2;
    --text-muted: #a3a3a3;
    --bg: #141414;
    --surface: #1c1c1c;
    --surface-alt: #262626;
    --border: #333333;

    --success: #4ac26b;
    --warning: #d4a72c;
    --danger: #ff6b6b;

    --shadow-card: 0 8px 32px rgb(0 0 0 / 0.4);
  }
}