/* Endurance Nodes theme — shared fonts and design tokens.
   Imported by theme.css (user panel) and admin.css (admin area) so both
   always use the same values. */

/* ── Fonts (self-hosted, SIL OFL 1.1 — see fonts/OFL-*.txt) ─────────── */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-display: fallback;
    font-weight: 300 900;
    src: url('../fonts/rubik-latin-wght-normal.woff2') format('woff2-variations');
    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;
}
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-display: fallback;
    font-weight: 300 900;
    src: url('../fonts/rubik-latin-ext-wght-normal.woff2') format('woff2-variations');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
        U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Signika';
    font-style: normal;
    font-display: fallback;
    font-weight: 300 700;
    src: url('../fonts/signika-latin-wght-normal.woff2') format('woff2-variations');
    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;
}
@font-face {
    font-family: 'Signika';
    font-style: normal;
    font-display: fallback;
    font-weight: 300 700;
    src: url('../fonts/signika-latin-ext-wght-normal.woff2') format('woff2-variations');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
        U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ── Tokens ─────────────────────────────────────────────────────────── */
:root {
    /* Panel grays → Endurance purples. "R G B" triplets so palette.css can
       keep Tailwind's opacity modifiers: rgb(var(--en-600) / 0.5). */
    /* Surfaces are deep, low-saturation night tones (like the site's
       sections); purple is kept for the brand accents instead of flooding
       every box and border. */
    --en-50: 255 247 238; /* chalk: primary text */
    --en-100: 242 237 250;
    --en-200: 226 220 238;
    --en-300: 200 192 219; /* muted */
    --en-400: 152 143 178; /* muted-2 */
    --en-500: 56 48 88; /* raised controls */
    --en-600: 34 28 58; /* cards, stat blocks */
    --en-700: 25 20 45; /* panels */
    --en-800: 17 13 34; /* page */
    --en-900: 11 9 25; /* deepest (inputs, consoles) */
    --en-black: 9 7 20;

    /* The panel's dark grays used as TEXT (text-neutral-600 …) or LINES
       (border-neutral-600 …): lighter than the surface tokens so they stay
       readable/visible on cards. palette.css picks them by property. */
    --en-t-500: 150 140 178;
    --en-t-600: 132 122 162;
    --en-t-700: 113 104 144;
    --en-t-800: 95 87 126;
    --en-t-900: 78 70 108;
    --en-b-500: 82 74 114;
    --en-b-600: 68 61 98;
    --en-b-700: 56 50 84;
    --en-b-800: 46 41 70;
    --en-b-900: 37 33 58;

    /* Panel blue → brand purple */
    --en-brand-50: 246 240 255;
    --en-brand-100: 236 223 255;
    --en-brand-200: 217 192 255;
    --en-brand-300: 196 158 255;
    --en-brand-400: 176 122 255; /* brand-hi */
    --en-brand-500: 139 61 255; /* brand */
    --en-brand-600: 122 46 240;
    --en-brand-700: 91 33 201; /* brand-lo */
    --en-brand-800: 71 26 160;
    --en-brand-900: 50 18 115;

    /* Panel cyan (active/focus accents) → action gold */
    --en-gold-50: 255 251 235;
    --en-gold-100: 255 244 204;
    --en-gold-200: 255 234 158;
    --en-gold-300: 255 220 110; /* gold-hi */
    --en-gold-400: 255 200 61; /* gold */
    --en-gold-500: 247 182 44;
    --en-gold-600: 222 156 24;
    --en-gold-700: 199 131 15; /* gold-lo */
    --en-gold-800: 140 88 10;
    --en-gold-900: 42 22 4; /* gold-ink */

    /* Site tokens, as named in Rework/app/globals.css */
    --brand: #8b3dff;
    --brand-hi: #b07aff;
    --brand-lo: #5b21c9;
    --gold: #ffc83d;
    --gold-hi: #ffdc6e;
    --gold-lo: #c7830f;
    --gold-ink: #2a1604;
    --pink: #ff6fae;
    --teal: #62f2ea;
    --green: #34de7a;
    --red: #ff4d5a;
    --orange: #ef8a5c;
    --indigo: #8c96ff;
    --chalk: #fff7ee;
    --muted: #cbbfe0;
    --muted-2: #9a8db6;
    --line: rgba(255, 255, 255, 0.09);
    --line-strong: rgba(255, 255, 255, 0.14);
    /* brand purple for raised secondary buttons */
    --btn-2: #4a3690;
    --btn-2-hi: #5a44a8;

    --font-display: 'Rubik', system-ui, sans-serif;
    --font-body: 'Signika', system-ui, sans-serif;
    --mono: ui-monospace, 'Cascadia Code', 'JetBrains Mono', Consolas, monospace;

    --en-nav-h: 64px;
    --en-sb-w: 264px;
    --radius: 16px;
}