:root {
    --north-bg: #1e1f22;
    --north-panel: #2a2c30;
    --north-soft: #32353a;
    --north-gold: #c6a85a;
    --north-muted-gold: #9c8445;
    --north-text: #e6e2d8;
    --north-dim: #b8b3a7;
    --north-overlay-1: rgba(10,12,15,0.70);
    --north-overlay-2: rgba(10,12,15,0.85);
    --site-bg-image: url('/assets/images/anastasia-map.png');
    --panel-bg: rgba(20, 22, 26, 0.7);
    --panel-bg-strong: rgba(18, 20, 24, 0.7);
    --panel-border: rgba(198,168,90,0.2);
    --input-bg: rgba(28, 30, 36, 0.8);
    --input-text: #e6e2d8;
    --input-border: rgba(198,168,90,0.35);
    --accent-positive: #7bc86c;
    --sidebar-bg: linear-gradient(to bottom, rgba(8,12,18,0.75), rgba(5,8,15,0.85));
    --sidebar-border: rgba(198,168,90,0.15);
    --topbar-bg: rgba(0,0,0,0.6);
    --content-bg: rgba(30, 32, 36, 0.85);
    --content-shadow: 0 50px 120px rgba(0,0,0,0.8);
    --grimoire-overlay-1: rgba(15, 17, 20, 0.88);
    --grimoire-overlay-2: rgba(15, 17, 20, 0.75);
    --grimoire-bg-image: url('/assets/images/biblio/grimoire.png');
    --color-gold-rgb: 198,168,90;
    --color-gold-soft-rgb: 233,214,166;
    --color-gold-bright-rgb: 226,195,110;
    --color-surface-00-rgb: 10,10,12;
    --color-surface-0-rgb: 15,16,18;
    --color-surface-1-rgb: 18,20,24;
    --color-surface-2-rgb: 20,22,26;
    --color-surface-3-rgb: 28,30,36;
    --color-surface-4-rgb: 24,26,32;
    --color-surface-5-rgb: 34,36,42;
    --color-surface-warm-rgb: 12,10,8;
    --color-black-rgb: 0,0,0;
    --color-white-rgb: 255,255,255;
    --color-danger-deep-rgb: 120,30,30;
    --color-danger-rgb: 160,40,40;
    --color-danger-muted-rgb: 160,60,60;
    --color-danger-soft-rgb: 160,80,80;
    --color-danger-strong-rgb: 210,40,40;
    --color-danger-dark-rgb: 60,10,10;
    --color-danger-bright-rgb: 255,107,107;
    --color-warning-rgb: 255,178,71;
    --color-success-soft-rgb: 80,160,80;
    --color-success-rgb: 80,160,90;
    --color-success-strong-rgb: 107,217,122;
    --color-shadow-rgb: 20,20,25;
    --sidebar-image-glow: none;
}

.sidebar {
    background: linear-gradient(to bottom, rgba(8,12,18,0.75), rgba(5,8,15,0.85));
    border-right-color: rgba(198,168,90,0.15);
}

.topbar {
    background: rgba(0,0,0,0.6);
}

.content {
    background: rgba(30, 32, 36, 0.85);
}

.ephemeride {
    background: rgba(18, 20, 24, 0.45);
    border-color: rgba(198,168,90,0.2);
    color: rgba(233, 214, 166, 0.9);
}