/* Design tokens for Mongstad Portal.
 *
 * Single source of truth for the palette and base typography. Loaded by
 * templates/base.html (every app page) and by the standalone guide pages under
 * static/guides/, so the two cannot drift apart.
 *
 * Palette values are space-separated RGB channels because tailwind.config.js
 * consumes them as `rgb(var(--brand-500) / <alpha-value>)`.
 *
 * Load this AFTER tailwind.css — the font-family rules below have to win over
 * Tailwind's preflight, which sets its own stack on `html`.
 */
:root {
    /* Brand: deep nordic teal-ink — calm, maritime, serious. */
    --brand-50:  237 242 243; --brand-100: 218 229 230; --brand-200: 184 205 207;
    --brand-300: 138 173 177; --brand-400: 91  135 142; --brand-500: 56  101 110;
    --brand-600: 39  82  91;  --brand-700: 28  65  73;  --brand-800: 22  52  58;
    --brand-900: 16  38  44;
    /* Scheme: neutral, low-saturation gray — calmer than cool blue-grays. */
    --scheme-surface: 254 254 254;
    --scheme-50:  249 250 251; --scheme-100: 241 243 245; --scheme-200: 226 230 234;
    --scheme-300: 202 207 213; --scheme-400: 150 157 168; --scheme-500: 104 113 126;
    --scheme-600: 73  81  92;  --scheme-700: 52  59  68;  --scheme-800: 34  40  47;
    --scheme-900: 21  25  31;
}

html, body { font-family: 'Inter', system-ui, sans-serif; letter-spacing: -0.011em; }
h1, h2, h3, .font-display { font-family: 'Instrument Sans', Inter, system-ui, sans-serif; letter-spacing: -0.022em; }
.num, .tabular { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }
.font-mono { font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace; }