/* Stijl "Classic": zwart, goud en Rajdhani, gelijk aan het Boodschappen Dashboard.
   Dit is ook de standaard zolang er (nog) geen stijl is gekozen. */
:root,
:root[data-theme="classic"] {
    --font-body: 'Rajdhani', sans-serif;
    --font-head: 'Rajdhani', sans-serif;

    --gold: #bd9b5f;
    --gold-dark: #a67c3d;
    --gold-10: rgba(189, 155, 95, 0.1);
    --gold-05: rgba(189, 155, 95, 0.05);
    --line: rgba(189, 155, 95, 0.3);
    --line-soft: rgba(189, 155, 95, 0.18);
    --line-mid: rgba(189, 155, 95, 0.4);
    --line-neutral: rgba(255, 255, 255, 0.3);
    --line-neutral-hover: rgba(255, 255, 255, 0.6);
    --bg: #000;
    --surface: #111;
    --text: #fff;
    --text-2: rgba(255, 255, 255, 0.7);
    --text-3: rgba(255, 255, 255, 0.5);
    --on-accent: #000;
    --on-slept: #fff;
    --on-danger: #fff;
    --danger: #e74c3c;
    --danger-text: #ff6b6b;
    --warn: #e0b060;
    --ok: #3fa36a;
    --placeholder: rgba(255, 255, 255, 0.4);
    --input-bg: #000;
    --cell-bg: rgba(255, 255, 255, 0.03);
    --today-line: rgba(255, 255, 255, 0.5);
    --row-bg: rgba(0, 0, 0, 0.3);
    --row-bg-2: rgba(0, 0, 0, 0.35);
    --has-bg: rgba(189, 155, 95, 0.12);
    --hairline: rgba(255, 255, 255, 0.05);
    --hairline-2: rgba(255, 255, 255, 0.07);
    --sticky-bg: #0b0b0b;
    --moon: #8fb3e6;
    --none-line: #2a2a2a;
    --outline-strong: #fff;
    --overlay: rgba(0, 0, 0, 0.9);
    --nav-bg: rgba(0, 0, 0, 0.96);
    --guest-dot: #777;
    --color-scheme: dark;

    /* datakleuren, gevalideerd op donkere achtergrond */
    --c-present: #b08a3e;
    --c-slept: #4f86d0;
    --c-none: #1c1c1c;
    --chart-text: rgba(255, 255, 255, 0.6);
    --chart-grid: rgba(255, 255, 255, 0.06);
    --chart-tooltip: #111;
    --chart-strong: #fff;
}

/* Iconen: Classic gebruikt de tekst-iconen, Bos de getekende SVG-iconen */
.ic-bos { display: none; }
.site-footer { display: none; }