/*
 * TOKEN CONTRACT — only what exists on screen.
 * Agents: use ONLY these. No raw values.
 * Need something new? Add it here first, in every skin if it is themed.
 */

@font-face { font-family: 'JetBrains Mono'; font-weight: 300; font-display: swap; src: url('../fonts/jbm-latin-300.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-weight: 300; font-display: swap; src: url('../fonts/jbm-cyrillic-300.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap; src: url('../fonts/jbm-latin-400.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-weight: 400; font-display: swap; src: url('../fonts/jbm-cyrillic-400.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'JetBrains Mono'; font-weight: 500; font-display: swap; src: url('../fonts/jbm-latin-500.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-weight: 500; font-display: swap; src: url('../fonts/jbm-cyrillic-500.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'JetBrains Mono'; font-weight: 600; font-display: swap; src: url('../fonts/jbm-latin-600.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-weight: 600; font-display: swap; src: url('../fonts/jbm-cyrillic-600.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'JetBrains Mono'; font-weight: 700; font-display: swap; src: url('../fonts/jbm-latin-700.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-weight: 700; font-display: swap; src: url('../fonts/jbm-cyrillic-700.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

:root {
  /* ── Shell ── */
  --shell-bg: url('../img/bg.jpg');
  --gutter: 14px;        /* around and between the dock and the app */
  --dock-btn: 56px;      /* the dock's width and each button's height */
  --dock-icon: 26px;
  --strip-w: 2px;        /* the dock's light strips */
  --dock-inset: calc(var(--gutter) * 2 + var(--dock-btn)); /* the room the dock takes */
  --panel-pad: 22px 20px 18px;
  --panel-pad-top: 22px;
  --hub-list: 34%;
  --hub-list-min: 260px;
  --tab-h: 44px;
  --field-h: 40px;
  --icon-md: 22px;
  --title: 26px;
  --track-title: 0.32em;
  --msg-offset: 20px;    /* a sub-row's indent */
  --panel-w: 28rem;      /* a small app, centered; grows with Zoom */
  --tile-w: 120px;
  --tile-h: 104px;
  --icon-lg: 28px;
  --track: 0.04em;
  --track-wide: 0.18em;
  --switch-blur: 10px;
  --scrim: rgba(0, 0, 0, 0.35); /* behind a question over an app */
  --dur-lane: 420ms;
  --ease-overshoot: cubic-bezier(.5, 1.6, .4, 1);
  --dur-switch: 380ms;

  /* ── Base ── */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --r: 5px;
  --r-panel: 9px;
  --r-row: 7px;
  --r-ctl: 5px;
  --r-tag: 2px;
  --tr-fast: 150ms ease-out;
  --tr-base: 250ms ease-out;
  --f: 'JetBrains Mono', 'Menlo', monospace;

  /* ── Markdown ── */
  --md-h1: 1.5rem;
  --md-h1-weight: 600;
  --md-h2: 1.25rem;
  --md-h2-weight: 600;
  --md-h3: 1.125rem;
  --md-h3-weight: 600;
  --md-body: 1rem;
  --md-body-weight: 400;
  --md-body-lh: 1.6;
  --md-code: 0.875rem;
  --md-small: 0.75rem;

  /* ── Components (themed) ── */
  --window-bg:          ;
  --window-border:      ;
  --window-border-w:    ;
  --window-glow:        ;
  --window-text:        ;
  --window-text-muted:  ;
  --window-blur:        ;
  --window-shadow:      ;
  --glass-filter:       ;

  --dock-bg:            ;
  --dock-border:        ;
  --dock-glow:          ;

  --bar-bg:             ;
  --bar-border:         ;

  --notif-info-bg:      ;
  --notif-info-border:  ;
  --notif-info-text:    ;
  --notif-ok-bg:        ;
  --notif-ok-border:    ;
  --notif-ok-text:      ;
  --notif-err-bg:       ;
  --notif-err-border:   ;
  --notif-err-text:     ;

  /* ── Settings knobs (themed defaults, overridden by user prefs) ── */
  --s-opacity:          ;
  --s-blur:             ;
  --s-border:           ;
  --s-glow:             ;
  --s-spread:           ;

  /* ── Interactive ── */
  --btn-h:              28px;
  --btn-hover:          ;
  --btn-active:         ;

  --tip-bg:             ;
  --tip-text:           ;

  /* ── List ── */
  --item-hover:         ;
  --item-active:        ;
  --item-border:        ;

  /* ── Badge ── */
  --badge-bg:           ;
  --badge-text:         ;

  --bg:                 ;
  --text:               ;
  --text-muted:         ;
  --accent:             ;
  --active:             ;
  --active-text:        ;
  --hover-text:         ;
  --edge:               ;
  --text-faint:         ;
  --separator:          ;

  /* ── Controls ── */
  --ctl-bg:             ;
  --ctl-edge:           ;
  --ctl-edge-hover:     ;
  --selected-bg:        ;
  --selected-edge:      ;
  --row-bg:             ;
  --row-edge:           ;
  --row-hover-bg:       ;
  --row-edge-hover:     ;
  --msg-bg:             ;
  --msg-edge:           ;
  --msg-edge-hover:     ;
  --msg-open-bg:        ;
  --msg-open-edge:      ;
  --chip-bg:            ;
  --chip-edge:          ;
  --dash-color:         ;
  --dash-edge:          ;
  --add-edge:           ;
  --add-edge-hover:     ;
  --active-glow:        ;
  --title-shadow:       ;
  --select-arrow:       ;
  --hit-bg:             ;

  /* ── Signal words ── */
  --sig-done:           ;
  --sig-attention:      ;
  --sig-answer:         ;
  --sig-working:        ;
  --sig-dispatch:       ;
  --sig-watchdog:       ;

  /* ── Neon sign (tooltips, badges) ── */
  --neon-bg:            ;
  --neon-edge:          ;
  --neon-shadow:        ;
  --badge-shadow:       ;
  --neon-core:          ;
  --neon-light:         ;
  --neon-glow:          ;
  --badge-core:         ;
  --badge-glow:         ;

  /* ── Dock button states and the lane ── */
  --nav-icon:           ;
  --nav-sleep-icon:     ;
  --nav-sleep-glow-1:   ;
  --nav-sleep-glow-2:   ;
  --nav-sleep-strip-core: ;
  --nav-sleep-strip-edge: ;
  --nav-sleep-strip-glow-1: ;
  --nav-sleep-strip-glow-2: ;
  --nav-sleep-strip-opacity: ;
  --nav-active-icon:    ;
  --nav-active-glow-1:  ;
  --nav-active-glow-2:  ;
  --nav-wash:           ;
  --nav-shade-a:        ;
  --nav-shade-b:        ;
  --nav-shade-c:        ;
  --nav-hover-glow-1:   ;
  --nav-hover-glow-2:   ;
  --lane-bg:            ;
  --lane-shadow:        ;
  --lane-shadow-travel: ;
  --text-shadow:        ;

}