@font-face {
    font-family: 'Science Gothic';
    font-style: normal;
    font-weight: 300 800; /* pas 900 */
    font-display: swap;
    src: url("../fonts/science-gothic-v5-latin-regular-mQ1UCjT.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
        U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --c: var(--c-accent);
    --c-metal: #b3b3b3;
    --c-gold: #e89016;
    --c-ink: #414145;
    --c-accent: var(--c-gold);

    --c-info: #1d6fe8;
    --c-err: #c0392b;
    --c-ok: #1e864a;
    --c-warn: #ab6109;

    --f-body: 'Science Gothic', sans-serif;
    --f-mono: 'Courier New', monospace;
    --f-sidebar: 'Science Gothic', sans-serif;

    --cockpit-bg: #181819;
    --cockpit-txt: #e89016;
    --cockpit-muted: rgba(201, 162, 39, .72);
    --cockpit-glow: 0 0 10px rgba(168, 144, 22, .25);
    --frame-bd: 4px solid #9a9a9a;
    --frame-sh: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -2px 5px rgba(0, 0, 0, .35), 0 6px 22px rgba(0, 0, 0, .45);

    --panel-bg: #c4c4c6;
    --panel-txt: var(--c-ink);
    --panel-inp: #8f8f92;

    --txt: var(--c-ink);
    --btn-h: #8a7512;
    --btn-c: #fff;

    --c-map-bg: #e8e2d8;
    --c-muted: #777;
    --parcours: #4338CA;
    --parcours-hi: #6366F1;

    --r: 20px;
    --t: .15s ease;

    --metal-grad: linear-gradient(8deg, #4f4f4f, #b3b3b3, #b3b3b3, #4f4f4f);
}


[data-theme="dark"] {
    --c-ink: var(--c-gold);
    --txt: var(--c-gold);
    --btn-h: #d4b84a;
    --cockpit-glow: 0 0 14px rgba(168, 144, 22, .4);

    --c-map-bg: #181819;
    --c-muted: rgba(168, 144, 22, .55);
    --parcours: var(--c-gold);
    --parcours-hi: #c9a227;

    --panel-bg: var(--cockpit-bg);
    --panel-txt: var(--cockpit-txt);
    --panel-inp: #3a3a3c;

    --metal-grad: linear-gradient(8deg, #4f4f4f, #b3b3b3, #b3b3b3, #4f4f4f);
}

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}