/* Änderungsprotokoll: 2026-07-28 | home-layout-ralph-loop | @skill-css-rules, @skill-change-provenance | Cookie-Spacer hoeher damit Footer nicht unter Banner verschwindet */
:root {
    /* Backgrounds */
    --color-background: #e8e8ed;
    --color-surface: #ffffff;
    --color-surface-hover: #f0f0f5;
    --color-sidebar: #ececef;
    --color-toolbar: #f6f6f8;
    --color-list-bg: #f5f5f7;
    --color-metric-tile-bg: #f0f4fa;
    --color-metric-tile-bg-hover: #e8eef8;
    --color-metric-tile-border: #d5dde8;

    /* Brand / Selection (Mail: volle Selection, weisse Schrift) */
    --color-primary: #0071e3;
    --color-primary-hover: #0077ed;
    --color-secondary: #0071e3;
    --color-tertiary: #0071e3;
    --color-selection: #0071e3;
    --color-selection-text: #ffffff;
    --color-selection-muted: rgba(255, 255, 255, 0.78);

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

    /* Text */
    --color-text: #1d1d1f;
    --color-text-muted: #86868b;
    --color-text-inverse: #ffffff;
    --color-headline: #1d1d1f;

    /* Borders – Hairline */
    --color-border: #d2d2d7;
    --color-border-subtle: #e8e8ed;
    --color-border-highlight: #c7c7cc;

    /* Tabellen / Widgets */
    --color-table-row-bg: #ffffff;
    --color-table-row-hover-overlay: #f5f5f7;
    --color-primary-soft-bg: #ebf3fc;
    --color-primary-soft-border: #b3d4f5;
    --color-primary-focus-shadow: rgba(0, 113, 227, 0.28);

    /* Status */
    --color-success: #34c759;
    --color-error: #ff3b30;
    --color-error-hover: #d70015;
    --color-error-soft-bg: #fff2f1;
    --color-error-focus-shadow: rgba(255, 59, 48, 0.2);
    --color-warning: #ff9f0a;
    --color-info: #0071e3;

    /* Messages */
    --color-success-bg: #eafaf0;
    --color-success-border: #b8e6c8;
    --color-success-text: #1b7a3d;
    --color-error-bg: #fff2f1;
    --color-error-border: #ffc7c2;
    --color-error-text: #d70015;
    --color-info-bg: #ebf3fc;
    --color-info-border: #b3d4f5;
    --color-info-text: #004fa3;

    /* Layout tokens */
    --color-text-secondary: #86868b;
    --spacing-md: 0.75rem;
    --transition-normal: 0.12s ease;
    --z-index-cookie-banner: 1200;
    --cookie-consent-spacer-expanded-height: 13rem;
    --radius-control: 6px;
    --radius-window: 10px;
    --radius-badge: 999px;
    --sidebar-width: 200px;
    --message-list-width: 320px;

    /* Keine Verlaeufe */
    --gradient-brand: none;
    --gradient-text: none;
    --color-gold-gradient-start: #0071e3;
    --color-gold-gradient-mid: #0071e3;
    --color-gold-gradient-end: #0071e3;
    --color-gold-text-shadow: none;
    --gradient-gold: none;

    /* Sehr dezente Schatten */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);
    --shadow-glow: none;
}