/* Änderungsprotokoll: 2026-09-01 | parent-agent | @skill-css-rules, @skill-change-provenance | Cleanes, hochwertiges, freundliches CRM-Farbschema */
:root {
    /* Hintergründe – weich und luftig */
    --color-background: #f4f7fb;
    --color-surface: #ffffff;
    --color-surface-hover: #f8fafc;

    /* Brand – vertrauensvolles, freundliches Blau */
    --color-primary: #1a73b8;
    --color-primary-hover: #145a92;
    --color-secondary: #1a73b8;
    --color-tertiary: #38a3e8;

    /* Logo */
    --color-logo-letter-blue: #1a73b8;
    --color-logo-letter-red: #1a73b8;
    --color-logo-letter-yellow: #1a73b8;
    --color-logo-letter-green: #1a73b8;

    /* Text – klar und angenehm lesbar */
    --color-text: #1e293b;
    --color-text-muted: #64748b;
    --color-text-inverse: #ffffff;
    --color-headline: #0f172a;

    /* Rahmen – dezent */
    --color-border: #e2e8f0;
    --color-border-highlight: #cbd5e1;

    /* Tabellen / Widgets */
    --color-table-row-bg: #ffffff;
    --color-table-row-hover-overlay: #f8fafc;
    --color-primary-soft-bg: #e8f3fc;
    --color-primary-soft-border: #b8d9f0;
    --color-primary-focus-shadow: rgba(26, 115, 184, 0.22);

    /* Status */
    --color-success: #059669;
    --color-error: #dc2626;
    --color-error-hover: #b91c1c;
    --color-error-soft-bg: #fef2f2;
    --color-error-focus-shadow: rgba(220, 38, 38, 0.18);
    --color-warning: #d97706;
    --color-info: #1a73b8;

    /* Messages */
    --color-success-bg: #ecfdf5;
    --color-success-border: #a7f3d0;
    --color-success-text: #047857;
    --color-error-bg: #fef2f2;
    --color-error-border: #fecaca;
    --color-error-text: #b91c1c;
    --color-info-bg: #e8f3fc;
    --color-info-border: #b8d9f0;
    --color-info-text: #145a92;

    /* Cookie-Banner / Layout */
    --color-text-secondary: #64748b;
    --spacing-md: 0.875rem;
    --transition-normal: 0.18s ease;
    --z-index-cookie-banner: 1200;
    --cookie-consent-spacer-expanded-height: 6rem;

    /* Design-Tokens */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;
    --radius-full: 9999px;

    --gradient-brand: none;
    --gradient-text: none;
    --color-gold-gradient-start: #1a73b8;
    --color-gold-gradient-mid: #1a73b8;
    --color-gold-gradient-end: #1a73b8;
    --color-gold-text-shadow: none;
    --gradient-gold: none;

    /* Sanfte Schatten für Tiefe */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
    --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.07);
    --shadow-lg: 0 10px 28px rgba(15, 23, 42, 0.09);
    --shadow-glow: 0 0 0 3px var(--color-primary-focus-shadow);
}