/* ============================================================
   theme.css — Design tokens (Solari dark) + fonts
   Defines variables only. Nothing here changes existing views;
   new sections consume these tokens.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root {
    /* fonts */
    --font-display: 'Chakra Petch', sans-serif;
    --font-mono: 'IBM Plex Mono', monospace;
    --font-body: 'IBM Plex Sans', sans-serif;

    /* solari palette */
    --sol-bg: #0e1621;
    --sol-bg-grain: #0b121b;
    --sol-panel: #16202e;
    --sol-panel-hi: #1c2939;
    --sol-line: #263547;
    --sol-line-soft: #1e2b3a;
    --sol-ink: #e8edf2;
    --sol-ink-dim: #94a6b8;
    --sol-ink-faint: #5a6b7e;
    --sol-amber: #e8a33d;
    --sol-good: #4fb477;
    --sol-warn: #d96a5b;

    /* shape */
    --sol-radius: 4px;
    --sol-shadow: 0 2px 0 rgba(0,0,0,.4), 0 12px 30px rgba(0,0,0,.35);
}