/**
 * Zentrale Farbpalette (Light Mode). Flächen: rein weiß, keine neutral-grauen Hintergründe.
 * Hover und Rahmen nutzen einen sehr leichten Tint der Primary-Farbe (#465967), wirkt sauberer als Grau.
 * Alle Farben ausschließlich hier; andere CSS-Dateien nutzen nur var(--...).
 */
:root {
    /* Backgrounds – durchgehend weiß, kein Grau als Seiten- oder Panel-Fläche */
    --color-background: #ffffff;
    --color-surface: #ffffff;
    /* Hover: dezenter Primary-Tint auf Weiß (kein neutrales Grau) */
    --color-surface-hover: #f3f9ff;

    /* Brand / Primary – Projekt-Farbe #465967 statt reinem Schwarz */
    --color-primary: #465967;
    --color-primary-hover: #374352;
    --color-secondary: #6a7b88;
    --color-tertiary: #7f96a8;

    /* Text Colors – angepasst auf Projekt-Farbe */
    --color-text: #2b3640;
    --color-text-muted: #5d768a;
    --color-text-inverse: #ffffff;
    --color-headline: #465967;
    /* Dezenter Akzent für Headlines (z.B. Unterstreichung, Border) */
    --color-headline-accent: #8a9aa6;

    /* Links – nutzen ebenfalls die Projekt-Farbe */
    --color-link: #465967;
    --color-link-hover: #374352;

    /* Borders – leichter Primary-Tint statt neutralem Grau */
    --color-border: rgba(70, 89, 103, 0.2);
    --color-border-highlight: rgba(70, 89, 103, 0.32);
    /* Sehr dezente Innentrenner (z. B. Pricing-Meta-Spalte), kaum sichtbar auf Weiß */
    --color-border-faint: rgba(70, 89, 103, 0.12);

    /* Overlay (Modal-Backdrop) – b-cube: dezent dunkel */
    --color-overlay-backdrop: rgba(0, 0, 0, 0.5);

    /* Table – weiße Flächen, Zeilen-Hover wie surface-hover (Primary-Tint) */
    --color-table-row-bg: #ffffff;
    --color-table-row-hover: #eef7ff;
    --color-glass-surface-72: rgba(255, 255, 255, 0.95);
    --color-glass-surface-74: rgba(255, 255, 255, 0.96);
    --color-glass-surface-76: rgba(255, 255, 255, 0.97);
    --color-glass-surface-82: rgba(255, 255, 255, 0.99);
    --color-form-select-surface: rgba(255, 255, 255, 0.86);
    --color-form-select-surface-hover: rgba(255, 255, 255, 0.92);
    --color-form-select-arrow: rgba(70, 89, 103, 0.8);

    /* Status Colors (unverändert funktional) */
    --color-success: #0d8050;
    --color-error: #c53030;
    --color-error-hover: #9b2c2c;
    --color-on-error: #ffffff;
    --color-warning: #d69e2e;
    --color-info: #2b6cb0;

    /* Message (Success, Error, Info) – Background, Border, Text */
    --color-success-bg: #d4edda;
    --color-success-border: #c3e6cb;
    --color-success-text: #155724;
    --color-error-bg: #f8d7da;
    --color-error-border: #f5c6cb;
    --color-error-text: #721c24;
    --color-info-bg: #d1ecf1;
    --color-info-border: #bee5eb;
    --color-info-text: #0c5460;

    /* Gradients – dezent um Projekt-Farbe herum */
    --gradient-brand: linear-gradient(180deg, #5b6d7b 0%, #465967 100%);
    --gradient-text: linear-gradient(to right, #465967, #6a7b88);
    --color-gold-gradient-start: #465967;
    --color-gold-gradient-mid: #6a7b88;
    --color-gold-gradient-end: #8a9aa6;
    --gradient-gold: linear-gradient(to right, var(--color-gold-gradient-start), var(--color-gold-gradient-mid), var(--color-gold-gradient-end));

    /* Shadows – dezent, b-cube-typisch */
    --shadow-sm: 0 1px 2px 0 rgba(70, 89, 103, 0.1);
    --shadow-md: 0 4px 6px -1px rgba(70, 89, 103, 0.12), 0 2px 4px -1px rgba(70, 89, 103, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(70, 89, 103, 0.12), 0 4px 6px -2px rgba(70, 89, 103, 0.06);
    --shadow-glow: 0 0 24px rgba(70, 89, 103, 0.12);
    --shadow-focus: 0 0 0 3px rgba(70, 89, 103, 0.14);
    --shadow-focus-error: 0 0 0 3px rgba(197, 48, 48, 0.2);

    /* Dashboard: Price-History XPath Check (dunkle Debug-Panels und Vergleichskacheln) */
    --dashboard-xpath-inner-gap: 20px;
    --dashboard-xpath-inner-padding-bottom: 8px;
    --dashboard-xpath-tech-border: #1f2937;
    --dashboard-xpath-tech-bg: #0b1220;
    --dashboard-xpath-tech-text: #d1d5db;
    --dashboard-xpath-screenshot-border: #334155;
    --dashboard-xpath-screenshot-bg: #020617;
    --dashboard-xpath-pre-color: #93c5fd;
    --dashboard-xpath-pre-bg: #020617;
    --dashboard-xpath-pre-border: #334155;
    --dashboard-xpath-tile-border-default: rgba(148, 163, 184, 0.35);
    --dashboard-xpath-tile-bg-start: #0b1220;
    --dashboard-xpath-tile-bg-end: #111827;
    --dashboard-xpath-tile-shadow: rgba(2, 6, 23, 0.28);
    --dashboard-xpath-tile-neutral-border: rgba(59, 130, 246, 0.35);
    --dashboard-xpath-tile-status-border: rgba(168, 85, 247, 0.45);
    --dashboard-xpath-tile-status-bg-start: #1f1636;
    --dashboard-xpath-tile-purchase-border: rgba(16, 185, 129, 0.45);
    --dashboard-xpath-tile-purchase-bg-start: #0a2a26;
    --dashboard-xpath-tile-list-border: rgba(245, 158, 11, 0.45);
    --dashboard-xpath-tile-list-bg-start: #31240e;
    --dashboard-xpath-label-color: #cbd5e1;
    --dashboard-xpath-value-color: #f8fafc;
    --dashboard-xpath-value-strong-color: #22d3ee;
    --dashboard-xpath-mono-color: #93c5fd;
    --dashboard-xpath-key-color: #cbd5e1;
    --dashboard-xpath-val-color: #f1f5f9;
    --dashboard-xpath-val-strong-color: #34d399;
    --dashboard-xpath-val-risk-color: #fbbf24;
    --dashboard-xpath-compare-ok-color: #10b981;
    --dashboard-xpath-compare-ok-bg: rgba(16, 185, 129, 0.12);
    --dashboard-xpath-compare-ok-border: rgba(16, 185, 129, 0.4);
    --dashboard-xpath-compare-error-color: #fca5a5;
    --dashboard-xpath-compare-error-bg: rgba(220, 38, 38, 0.18);
    --dashboard-xpath-compare-error-border: rgba(239, 68, 68, 0.5);
    --dashboard-xpath-delta-color: #fde68a;

    /* Dashboard: Pricing-Dokumentation (Karten, Code-Hervorhebungen, Prompt-Block) */
    --pricing-documentation-accent-traffic: #1f7aee;
    --pricing-documentation-accent-strategic: #8a4dff;
    --pricing-documentation-accent-core: #00a271;
    --pricing-documentation-path-border: rgba(61, 102, 255, 0.46);
    --pricing-documentation-path-bg-start: rgba(238, 243, 255, 0.92);
    --pricing-documentation-path-bg-end: rgba(231, 240, 255, 0.86);
    --pricing-documentation-path-text: #0b2a7a;
    --pricing-documentation-formula-border: rgba(122, 47, 255, 0.45);
    --pricing-documentation-formula-bg-start: rgba(244, 236, 255, 0.92);
    --pricing-documentation-formula-bg-end: rgba(239, 227, 255, 0.86);
    --pricing-documentation-formula-text: #3f1585;
    --pricing-documentation-prompt-bg-start: #101426;
    --pricing-documentation-prompt-bg-end: #0c1020;
    --pricing-documentation-prompt-text: #eaf0ff;
    --pricing-documentation-prompt-border: rgba(91, 124, 255, 0.55);
    --pricing-documentation-prompt-glow-1: rgba(76, 111, 255, 0.22);
    --pricing-documentation-prompt-glow-2: rgba(36, 194, 255, 0.2);
    --pricing-documentation-prompt-inset: rgba(127, 160, 255, 0.18);
    --pricing-documentation-prompt-shadow: rgba(5, 7, 15, 0.55);
    --pricing-documentation-hero-border: rgba(15, 23, 42, 0.12);
    --pricing-documentation-hero-shadow: rgba(15, 23, 42, 0.12);
    --pricing-documentation-reasoning-price-border: rgba(180, 120, 255, 0.55);
    --pricing-documentation-reasoning-price-bg-start: #f5f3ff;
    --pricing-documentation-reasoning-price-bg-mid: #ffe8ff;
    --pricing-documentation-reasoning-price-bg-end: #fff6ea;
    --pricing-documentation-reasoning-price-text: #4c1f8d;

    /* Dashboard: Priorisieren-Job (Button und Log im Modal) */
    --dashboard-prioritise-button-bg-start: #0f766e;
    --dashboard-prioritise-button-bg-end: #0ea5a6;
    --dashboard-prioritise-button-border: #0f766e;
    --dashboard-prioritise-log-bg: #0f172a;
    --dashboard-prioritise-log-text: #d1fae5;
}