/* Änderungsprotokoll: 2026-10-12 | parent-agent | @skill-copy-website-style, @skill-css-rules, @skill-change-provenance | Dunkle AI-Coding-Days-Farbwelt */
:root {
    --color-background: #060912;
    --color-surface: #0c1222;
    --color-surface-hover: rgba(45, 212, 191, 0.08);
    --color-navy: #07070d;
    --color-primary: #2dd4bf;
    --color-primary-hover: #14b8a6;
    --color-primary-button: #0d9488;
    --color-primary-button-hover: #0f766e;
    --color-primary-button-text: #f8fafc;
    --color-secondary: #5eead4;
    --color-tertiary: #99f6e4;
    --color-cyan: #5ce1e6;
    --color-logo-letter-blue: #2dd4bf;
    --color-logo-letter-red: #5eead4;
    --color-logo-letter-yellow: #14b8a6;
    --color-logo-letter-green: #99f6e4;
    --color-text: #ffffff;
    --color-text-muted: #ffffff;
    --color-text-inverse: #f8fafc;
    --color-headline: #ffffff;
    --color-border: rgba(148, 163, 184, 0.18);
    --color-border-highlight: rgba(45, 212, 191, 0.35);
    --color-table-row-bg: #0c1222;
    --color-table-row-hover-overlay: rgba(45, 212, 191, 0.06);
    --color-primary-soft-bg: rgba(45, 212, 191, 0.1);
    --color-primary-soft-border: rgba(45, 212, 191, 0.28);
    --color-primary-focus-shadow: rgba(45, 108, 223, 0.22);
    --color-success: #20a07e;
    --color-error: #cc0000;
    --color-error-hover: #990000;
    --color-error-soft-bg: #fff5f5;
    --color-error-focus-shadow: rgba(204, 0, 0, 0.2);
    --color-warning: #cc6600;
    --color-info: #2d6cdf;
    --color-success-bg: #dff0d8;
    --color-success-border: #c3e6cb;
    --color-success-text: #3c763d;
    --color-error-bg: #f2dede;
    --color-error-border: #ebccd1;
    --color-error-text: #a94442;
    --color-info-bg: #d9edf7;
    --color-info-border: #bce8f1;
    --color-info-text: #31708f;
    --color-text-secondary: #f6f7fb;
    --color-soft: #0c1222;
    --color-hero-grad-start: #f6faff;
    --color-hero-grad-mid: #ffffff;
    --color-hero-grad-end: #ecfafa;
    --color-cta-grad-start: #edf4ff;
    --color-cta-grad-end: #edfbfb;
    --color-architecture-muted: #b4c3d3;
    --color-window-dot-red: #ff8f7e;
    --color-window-dot-yellow: #ffc65d;
    --color-window-dot-green: #55c99d;
    --color-window-dot-neutral: #d5dfe8;
    --color-dash-title: #1e314b;
    --color-window-bg: #f7faff;
    --color-window-border: #d5e1ed;
    /* Änderungsprotokoll: 2026-10-01 | parent-agent | @skill-compact-forms, @skill-css-rules, @skill-change-provenance | Amber fuer befuellte Felder, premium Form-Tokens */
    --color-logo-orange: #c9853a;
    --color-logo-orange-surface: #fff9f2;
    --color-logo-orange-focus-shadow: rgba(201, 133, 58, 0.22);
    --color-form-field-bg: #131421;
    --color-form-field-bg-hover: #1a1c2e;
    --shadow-form-field: inset 0 1px 2px rgba(16, 36, 62, 0.04);
    --shadow-form-field-focus: 0 0 0 4px var(--color-primary-focus-shadow), inset 0 1px 2px rgba(16, 36, 62, 0.03);
    --spacing-md: 0.75rem;
    --transition-normal: 0.6s ease;
    --z-index-cookie-banner: 20000;
    --cookie-consent-spacer-expanded-height: 6rem;
    --gradient-brand: linear-gradient(135deg, var(--color-primary), var(--color-cyan));
    --gradient-text: none;
    --color-gold-gradient-start: #2d6cdf;
    --color-gold-gradient-mid: #2d6cdf;
    --color-gold-gradient-end: #4bc6d4;
    --color-gold-text-shadow: none;
    --gradient-gold: var(--gradient-brand);
    --shadow-sm: 0 9px 22px rgba(45, 108, 223, 0.22);
    --shadow-md: 0 25px 70px rgba(16, 36, 62, 0.14);
    --shadow-lg: 0 25px 70px rgba(16, 36, 62, 0.14);
    --shadow-glow: 0 4px 16px rgba(0, 0, 0, 0.35);
    --color-home-bg: #07070d;
    --color-home-panel: #0f1019;
    --color-home-panel-2: #131421;
    --color-home-line: #26283a;
    --color-home-text: #f6f7fb;
    --color-home-muted: #ffffff;
    --color-home-cyan: #5ce1e6;
    --color-home-purple: #8c63ff;
    --color-home-btn-text: #f8fafc;
    --color-home-max: 1180px;
}