/*
 * Theme / Design Tokens (zentral) - Mobile
 *
 * Umschalten per JavaScript:
 *   document.documentElement.dataset.theme = "neutral" | "allinkl"
 */

:root {
  --theme-accent: #e2013d;
  --theme-accent-dark: #b5002f;
  --theme-accent-contrast: #ffffff;

  /* Radii */
  --radius-0_2em: 0.2em;
  --radius-0_3em: 0.3em;
  --radius-0_4em: 0.4em;
  --radius-0_5em: 0.5em;
  --radius-0_7em: 0.7em;
  --radius-0: 0;
  --radius-1em: 1em;
  --radius-3px: 3px;
  /* Semantische Aliase (usage-orientiert) */
  --color-accent: var(--mcolor-040);
  --color-accent-darker: var(--mcolor-031);
  --color-text: var(--mcolor-012);
  --color-text-muted: var(--mcolor-019);
  --color-bg: var(--mcolor-052);
  --color-bg-body: var(--mcolor-043);
  --color-bg-soft: var(--mcolor-042);
  --color-border: var(--mcolor-034);
  --color-border-muted: var(--mcolor-028);
  --color-status-warn-bg: var(--mcolor-049);
  --color-status-error-bg: var(--mcolor-046);
  --color-status-success-bg: var(--mcolor-029);
  --color-status-info-bg: var(--mcolor-033);


  /* Farbpalette (vollständig) */
  --mcolor-001: #000000;
  --mcolor-002: #057b1b;
  --mcolor-003: #064d81;
  --mcolor-004: #06a7a2;
  --mcolor-005: #111111;
  --mcolor-006: #134578;
  --mcolor-007: #202020;
  --mcolor-008: #222222;
  --mcolor-009: #252525;
  --mcolor-010: #2785cb;
  --mcolor-011: #303030;
  --mcolor-012: #333333;
  --mcolor-013: #393939;
  --mcolor-014: #396c96;
  --mcolor-015: #444444;
  --mcolor-016: #555555;
  --mcolor-017: #5d85a9;
  --mcolor-018: #63caf5;
  --mcolor-019: #666666;
  --mcolor-020: #6bc93d;
  --mcolor-021: #6f5230;
  --mcolor-022: #760001;
  --mcolor-023: #777777;
  --mcolor-024: #7c7980;
  --mcolor-025: #834ed0;
  --mcolor-026: #888888;
  --mcolor-027: #8e9196;
  --mcolor-028: #999999;
  --mcolor-029: #a3eda3;
  --mcolor-030: #aaaaaa;
  --mcolor-031: var(--theme-accent-dark);
  --mcolor-032: #bbbbbb;
  --mcolor-033: #cae6ff;
  --mcolor-034: #cccccc;
  --mcolor-035: #d29d59;
  --mcolor-036: #d5d5d5;
  --mcolor-037: #d792eb;
  --mcolor-038: #dddddd;
  --mcolor-039: var(--theme-accent);
  --mcolor-040: var(--theme-accent);
  --mcolor-041: #e5e5e5;
  --mcolor-042: #eeeeee;
  --mcolor-043: #f0f0f0;
  --mcolor-044: #f23e2f;
  --mcolor-045: #f5f5f5;
  --mcolor-046: #f9c9d6;
  --mcolor-047: #fd7f07;
  --mcolor-048: #ffdf82;
  --mcolor-049: #ffe493;
  --mcolor-050: #ffe7a2;
  --mcolor-051: #fff5ad;
  --mcolor-052: #ffffff;
  --mcolor-053: rgba(0,0,0,0.1);
  --mcolor-054: rgba(0,0,0,0.25);
  --mcolor-055: rgba(0,0,0,0.3);
  --mcolor-056: rgba(0,0,0,0.5);
  --mcolor-057: rgba(255,255,255,0);
  --mcolor-058: rgba(255,255,255,0.3);
  --mcolor-059: rgba(255,255,255,0.5);
  --mcolor-060: rgba(255,255,255,1);
}

html[data-theme="allinkl"] {
  --theme-accent: #e2013d;
  --theme-accent-dark: #b5002f;
}

html[data-theme="neutral"] {
  --theme-accent: #2785cb;
  --theme-accent-dark: #064d81;
}