/**
 * Dark Style – zentrale Farbpalette
 * Briefing: briefing/design.md Kapitel 003 (Status des Designs)
 * Alle Farben der Anwendung kommen aus dieser Datei. Dark Style: tiefe Hintergründe,
 * helle Schrift, dezente Akzente, Glassmorphism Dark.
 */

:root {
    /* 003.002.003 – Dunkle, minimalistische Farbpalette */
    --color-bg: #0d0d0d;
    --color-background: #0d0d0d;
    --color-background-light: #121212;
    --color-text: #e6e6e6;
    --color-text-primary: #f0f0f0;
    --color-text-secondary: #8b949e;
    --color-text-muted: #6e7681;
    --color-text-light: #8b949e;
    --color-text-inverse: #f0f0f0;
    --color-border: rgba(255, 255, 255, 0.08);
    --color-surface: #161b22;
    --color-surface-secondary: #161b22;

    /* Akzente */
    --color-primary: #58a6ff;
    --color-primary-light: rgba(56, 139, 253, 0.15);
    --color-error: #f85149;
    --color-success: #3fb950;

    /* 003.002.011 – Verlinkungen: helle Akzentfarbe */
    --color-link: #58a6ff;
    --color-link-hover: #79b8ff;
    --link-underline-offset: 3px;

    /* Navigation */
    --color-nav-hover-bg: rgba(255, 255, 255, 0.06);

    /* Footer */
    --color-footer-bg: #0d0d0d;
    --color-footer-text: #8b949e;
    --color-footer-border: rgba(255, 255, 255, 0.08);
    --color-footer-link: #8b949e;
    --color-footer-link-hover: #58a6ff;

    /* Tabellen */
    --color-table-header-bg: #161b22;
    --color-table-row-bg: #0d0d0d;
    --color-table-row-hover-bg: #161b22;

    /* Messages (Success, Error, Warning, Info) */
    --color-message-success-bg: rgba(35, 134, 54, 0.2);
    --color-message-success-text: #3fb950;
    --color-message-error-bg: rgba(248, 81, 73, 0.15);
    --color-message-error-text: #f85149;
    --color-message-warning-bg: rgba(210, 153, 34, 0.15);
    --color-message-warning-text: #d29922;
    --color-message-warning-border: #d29922;
    --color-message-info-bg: rgba(56, 139, 253, 0.15);
    --color-message-info-text: #58a6ff;
    --color-message-info-border: #58a6ff;
    --color-message-success-bg-rgba: rgba(35, 134, 54, 0.25);
    --color-message-error-bg-rgba: rgba(248, 81, 73, 0.2);
    --color-message-warning-bg-rgba: rgba(210, 153, 34, 0.2);
    --color-message-info-bg-rgba: rgba(56, 139, 253, 0.2);

    /* Buttons – Standard & Delete */
    --color-button-standard-hover: #79b8ff;
    --color-button-delete-hover: #ff6b6b;

    /* Google/Login-Buttons (Dark) */
    --color-google-button-bg: #21262d;
    --color-google-button-border: rgba(255, 255, 255, 0.1);
    --color-google-button-bg-hover: #30363d;
    --color-google-button-border-hover: rgba(255, 255, 255, 0.12);
    --color-google-button-bg-active: #363d47;

    /* 003.002.004 – Sehr subtile Schatten für Tiefe */
    --shadow-subtle: 0 2px 12px rgba(0, 0, 0, 0.3);
    --shadow-medium: 0 4px 20px rgba(0, 0, 0, 0.4);
    --shadow-strong: 0 8px 24px rgba(0, 0, 0, 0.5);

    /* 003.002.005 – Sanfte Transitions */
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    /* 003.002.012 – Glassmorphism (Dark) */
    --glass-bg: rgba(13, 13, 13, 0.72);
    --glass-bg-strong: rgba(13, 13, 13, 0.88);
    --glass-bg-soft: rgba(13, 13, 13, 0.55);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-border-dark: rgba(255, 255, 255, 0.06);
    --glass-blur: 20px;
    --glass-blur-strong: 40px;

    /* Logo – Futuristic (AI Coding) */
    --color-logo-neon-cyan: #22d3ee;
    --color-logo-neon-blue: #3b82f6;
    --color-logo-neon-purple: #a855f7;
    --color-logo-neon-magenta: #d946ef;
    --color-logo-glow-cyan: rgba(34, 211, 238, 0.6);
    --color-logo-glow-purple: rgba(168, 85, 247, 0.5);
}