/* ============================================================
   НПК КРЕДОНИКС — canonical design tokens
   Single source of truth for :root custom properties.
   Generated from the 20 inline :root blocks across *.html.
   Accent --amber is locked to #F5A623 (was drifting in usage).
   Link in <head> right after the bunny.net stylesheet <link>,
   BEFORE the inline <style> (so inline rules can still win where
   a page legitimately overrides). Remove the inline :root{} from
   each page once this is linked, or it will shadow these values.
   ============================================================ */

:root {
  /* — surfaces — */
  --bg: #080808;
  --bg2: #0e0e0e;          /* alt section bg (dominant schema) */
  --bg-alt: #0c0c0c;       /* alias used by index.html / selector.html */
  --bg-card: #131313;
  --card: #131313;         /* alias used by index.html / selector.html */
  --bg-card-hover: #1a1a1a;

  /* — accent (amber) — CANONICAL #F5A623 — */
  --amber: #F5A623;
  --amber-soft: #d4912a;
  --amber-glow: rgba(245,166,35,0.12);
  --amber-border: rgba(245,166,35,0.2);
  --amber-dim: rgba(245,166,35,0.12);   /* alias: index/selector --amber-dim == --amber-glow(.12) */

  /* — text — */
  --white: #f2f2f2;
  --gray: #9a9a9a;
  --gray-light: #a8a8a8;

  /* — semantic — */
  --green: #30d158;        /* used by compare.html / selector.html */
  --border: rgba(255,255,255,0.06);

  /* — geometry — */
  --radius: 16px;
  --max-w: 1240px;

  /* — motion / rhythm (index.html) — */
  --section-py: clamp(28px, 3.5vw, 44px);
  --ease-reveal: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-micro: 180ms;
  --dur-section: 300ms;
  --dur-modal: 250ms;
}

/* color scheme — deduplicated from every page's html{} rule */
html { color-scheme: dark; }

/* global focus ring — identical inline rule on all 20 pages */
:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(245,166,35,.35);
}
