/* ============================================================================
   Shared tokens + self-hosted fonts for the family: /, /cv, /custom.
   Ported 1:1 from the Claude Design project "Wizytówka programisty Tomaska"
   (design/ in the repo, gitignored). Dark near-black frames, one red accent,
   condensed uppercase display type. This is the only thing the three share beyond
   the router; each owns its layout in scoped CSS.

   /it and /lair do NOT use these tokens (they set their own colours/fonts), so
   nothing here changes them. Inter stays self-hosted because /smart-home references it.

   Fonts (all OFL, local, no CDN at runtime): Barlow Condensed (display),
   IBM Plex Sans (body), IBM Plex Mono (labels/meta). Licenses in wwwroot/fonts.
   ========================================================================== */

@font-face { font-family:'Barlow Condensed'; src:url('/fonts/barlow-condensed-400.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Barlow Condensed'; src:url('/fonts/barlow-condensed-500.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Barlow Condensed'; src:url('/fonts/barlow-condensed-600.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Barlow Condensed'; src:url('/fonts/barlow-condensed-700.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }

@font-face { font-family:'IBM Plex Sans'; src:url('/fonts/ibm-plex-sans-400.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'IBM Plex Sans'; src:url('/fonts/ibm-plex-sans-500.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; }

@font-face { font-family:'IBM Plex Mono'; src:url('/fonts/ibm-plex-mono-400.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'IBM Plex Mono'; src:url('/fonts/ibm-plex-mono-500.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; }

/* Kept for /smart-home (which lists Inter first in its own stack). */
@font-face { font-family:'Inter'; src:url('/fonts/inter-latin-wght.woff2') format('woff2'); font-weight:100 900; font-style:normal; font-display:swap; }

:root {
    /* Type families */
    --ed-font-display: 'Barlow Condensed', 'Arial Narrow', system-ui, sans-serif;
    --ed-font-body: 'IBM Plex Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --ed-font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

    /* Palette (exact values from the design) */
    --ed-bg: #111113;          /* page ground */
    --ed-surface: #101012;     /* frame background */
    --ed-surface-2: #0b0b0c;   /* darker bands */
    --ed-ink: #ededed;         /* primary text */
    --ed-muted: #a9a9ae;       /* leads / subtitles */
    --ed-muted-2: #8b8b8f;     /* section labels, descriptions */
    --ed-muted-3: #c9c9ce;     /* list text on dark */
    --ed-faint: #6f6f75;       /* small meta (tech lines) */
    --ed-index: #2c2c31;       /* oversized faint index numerals */
    --ed-border: #212124;      /* hairlines */
    --ed-sep: #3a3a3e;         /* inline separators ( / ) */
    --ed-accent: #ff5147;      /* bright red for text/links on the dark surfaces */
    --ed-accent-hover: #ff6b62;
    --ed-accent-strong: #c01515; /* saturated red for fills/labels on the light surfaces */
    --ed-on-accent: #ffffff;

    /* Layout */
    --ed-frame-max: 1440px;    /* desktop frame width from the design */
    --ed-pad-x: clamp(22px, 4vw, 56px);   /* 22px phone gutter, 56px desktop */
}