/* nexera.css — rebrand foundation
 *
 * Loaded after global.css + cards.css. Defines the new brand tokens and the
 * lane themes. The shared header/footer shell now lives in shell.css; page
 * components live in components.css.
 */

:root {
    /* Ink + surfaces */
    --nx-ink-900: #0f1b24;
    --nx-ink-700: #1b2c38;
    --nx-ink-500: #445561;
    --nx-paper: #f0f4f6;
    --nx-surface: #ffffff;

    /* Lane colours */
    --brand-teal: #0e7c86;
    --brand-coral: #db5a66;

    /* Mark colours — swapped by .theme-software to reverse the logo */
    --brand-band: var(--brand-teal);
    --brand-stripe: var(--brand-coral);

    /* Type system */
    --font-heading: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    /* Adopt new ink for the legacy primary token so dark surfaces match */
    --color-brand-primary: var(--nx-ink-900);
}

/* Reversed lane: coral band, teal N stripe */
.theme-software {
    --brand-band: var(--brand-coral);
    --brand-stripe: var(--brand-teal);
}

body {
    font-family: var(--font-body);
    background-color: var(--nx-surface);
    color: #1f2937;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-heading);
}

.mono,
.nx-mono {
    font-family: var(--font-mono);
}