/* Juan XXIII — tokens de diseño. Fuente: sistema de diseño (tokens.json). Los temas usan data-bs-theme como el resto del sitio. */
:root, [data-bs-theme=dark] {
    --bg-page: #121212;
    --bg-field: #121212;
    --surface-emphasis: #222222;
    --surface-emphasis-hover: #333333;
    --border-emphasis: #333333;
    --border-default: #495057;
    --border-control: #6c757d;
    --nav-bg-scrolled: #111111;
    --ink: #efefef;
    --ink-label: #cccccc;
    --primary: #cc3333;
    --primary-text: #ff6666;
    --on-primary: #ffffff;
    --brand-maroon: #632e2d;
    --on-brand: #ffffff;
    --brand-gold: #f9b000;
    --on-gold: #212529;
    --brand-red: #e30613;
    --scrim: #000000;
    --on-scrim: #ffffff;
    --shadow-emphasis: none;
}
[data-bs-theme=light] {
    --bg-page: #f2f2f2;
    --bg-field: #ffffff;
    --surface-emphasis: #ffffff;
    --surface-emphasis-hover: #ffffff;
    --border-emphasis: #dee2e6;
    --border-default: #dee2e6;
    --border-control: #7d848b;
    --nav-bg-scrolled: #f2f2f2;
    --ink: #212529;
    --ink-label: #666666;
    --primary: #dc0000;
    --primary-text: #dc0000;
    --on-primary: #ffffff;
    --brand-maroon: #632e2d;
    --on-brand: #ffffff;
    --brand-gold: #f9b000;
    --on-gold: #212529;
    --brand-red: #e30613;
    --scrim: #000000;
    --on-scrim: #ffffff;
    --shadow-emphasis: rgba(0,0,0,0.13) 0 1.6px 3.6px 0, rgba(0,0,0,0.11) 0 0.3px 0.9px 0;
}