/**
 * WEWA — lokale Kopie der iwim Design-Tokens.
 * Quelle: /shared/css/iwim-tokens.css (bei Änderungen synchron halten)
 */
:root {
    /* Brand */
    --color-primary: #1e40af;
    --color-primary-dark: #1e3a8a;
    --color-primary-light: #3b82f6;
    --color-accent: #2563eb;

    /* Semantic */
    --color-danger: #dc2626;
    --color-warning: #d97706;

    /* Surfaces & text */
    --color-bg: #f3f4f6;
    --color-surface: #ffffff;
    --color-text: #1f2937;
    --color-muted: #6b7280;

    /* Borders & subtle backgrounds */
    --color-border: #e5e7eb;
    --color-border-input: #d1d5db;
    --color-surface-subtle: #f9fafb;
    --color-surface-hover: #f3f4f6;
    --color-surface-muted: #f9fafb;
    --color-surface-accent: #eff6ff;
    --color-surface-accent-hover: #dbeafe;

    /* Primary with alpha (blue-800 base) */
    --color-primary-alpha-06: rgba(30, 64, 175, 0.06);
    --color-primary-alpha-08: rgba(30, 64, 175, 0.08);
    --color-primary-alpha-12: rgba(30, 64, 175, 0.12);
    --color-primary-alpha-15: rgba(30, 64, 175, 0.15);

    /* Layout */
    --radius: 8px;
    --shadow: 0 4px 24px var(--color-primary-alpha-08);
    --font: 'Segoe UI', system-ui, -apple-system, sans-serif;
}