/*
 * CD Handbuch — gemeinsame Bildschirm-Palette
 * Hellblau #00A2DF · Dunkelblau #0066A6 · Schwarzblau #173557 · Rot #D5172F
 */
:root {
    --gold: #00A2DF;
    --gold-deep: #0072B3;
    --afd-hellblau: #00A2DF;
    --afd-dunkelblau: #0066A6;
    --afd-schwarzblau: #003B63;
    --afd-rot: #D5172F;
    --deep: #173557;
    --deep-soft: #1C4068;
    --ink: #122942;
    --ink-rich: #0D2034;
    --paper: #f4f6f8;
    --text: #e8eef5;
    --text-muted: #a8b9cb;
    --glass-top: rgba(255, 255, 255, 0.10);
    --glass-edge: color-mix(in srgb, var(--gold) 30%, transparent);
    --bg: #173557;
    --card-bg: #122942;
}

.text-\[\#c9a962\],
.gold-accent { color: var(--gold) !important; }
.text-\[\#c9a962\]\/45 { color: color-mix(in srgb, var(--gold) 45%, transparent) !important; }
.text-\[\#c9a962\]\/50 { color: color-mix(in srgb, var(--gold) 50%, transparent) !important; }
.text-\[\#c9a962\]\/60 { color: color-mix(in srgb, var(--gold) 60%, transparent) !important; }
.text-\[\#c9a962\]\/70 { color: color-mix(in srgb, var(--gold) 70%, transparent) !important; }
.text-\[\#c9a962\]\/75 { color: color-mix(in srgb, var(--gold) 75%, transparent) !important; }
.text-\[\#c9a962\]\/90 { color: color-mix(in srgb, var(--gold) 90%, transparent) !important; }
.border-\[\#c9a962\] { border-color: var(--gold) !important; }
.border-\[\#c9a962\]\/15 { border-color: color-mix(in srgb, var(--gold) 15%, transparent) !important; }
.border-\[\#c9a962\]\/20 { border-color: color-mix(in srgb, var(--gold) 20%, transparent) !important; }
.border-\[\#c9a962\]\/25 { border-color: color-mix(in srgb, var(--gold) 25%, transparent) !important; }
.border-\[\#c9a962\]\/30 { border-color: color-mix(in srgb, var(--gold) 30%, transparent) !important; }
.border-\[\#c9a962\]\/40 { border-color: color-mix(in srgb, var(--gold) 40%, transparent) !important; }
.border-\[\#c9a962\]\/60 { border-color: color-mix(in srgb, var(--gold) 60%, transparent) !important; }
.border-l-\[\#c9a962\] { border-left-color: var(--gold) !important; }
.border-t-\[\#c9a962\] { border-top-color: var(--gold) !important; }
.hover\:border-\[\#c9a962\]:hover { border-color: var(--gold) !important; }
.hover\:text-\[\#c9a962\]:hover { color: var(--gold) !important; }
.hover\:bg-\[\#c9a962\]:hover { background-color: var(--gold) !important; }
.hover\:bg-\[\#c9a962\]\/5:hover { background-color: color-mix(in srgb, var(--gold) 5%, transparent) !important; }
.hover\:bg-\[\#c9a962\]\/10:hover { background-color: color-mix(in srgb, var(--gold) 10%, transparent) !important; }
.focus\:border-\[\#c9a962\]:focus { border-color: var(--gold) !important; }
.focus\:text-\[\#c9a962\]:focus { color: var(--gold) !important; }
.group:hover .group-hover\:text-\[\#c9a962\] { color: var(--gold) !important; }
.bg-\[\#c9a962\] { background-color: var(--gold) !important; }
.bg-\[\#c9a962\]\/5 { background-color: color-mix(in srgb, var(--gold) 5%, transparent) !important; }
.accent-\[\#c9a962\] { accent-color: var(--gold); }
.bg-\[\#173557\],
.bg-\[\#173557\]\/95 { background-color: var(--deep) !important; }
.bg-\[\#0f223f\] { background-color: var(--ink) !important; }
.bg-\[\#0f223f\]\/50 { background-color: color-mix(in srgb, var(--ink) 50%, transparent) !important; }
.bg-\[\#0f223f\]\/60 { background-color: color-mix(in srgb, var(--ink) 60%, transparent) !important; }
.bg-\[\#122a45\] { background-color: var(--card-bg) !important; }
.bg-\[\#0a1628\]\/80 { background-color: color-mix(in srgb, var(--ink-rich) 80%, transparent) !important; }
.hover\:text-\[\#102a44\]:hover,
.hover\:text-\[\#0a0c10\]:hover { color: var(--ink-rich) !important; }