/* ──────────────────────────────────────────────────────────────────
   uzor · design tokens
   russian minimalism × khokhloma accents
   ────────────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=JetBrains+Mono:wght@400;500;700&family=Geist:wght@300;400;500;600;700&display=swap');

:root {
  /* ── core palette ── */
  --uz-ink:        #0d0a08;   /* deep soot black */
  --uz-ink-2:      #14110d;
  --uz-ink-3:      #1c1814;
  --uz-ink-4:      #2a241d;

  --uz-paper:      #f3ead8;   /* warm cream */
  --uz-paper-2:    #ebe1cb;
  --uz-paper-3:    #ddd1b6;
  --uz-paper-soft: #f7f1e2;

  --uz-gold:       #d4a64a;   /* khokhloma gold (ochre) */
  --uz-gold-deep:  #a87a26;
  --uz-gold-bright:#e8be63;
  --uz-gold-leaf:  #f0d28a;

  --uz-red:        #b8241c;   /* kumach red */
  --uz-red-deep:   #8a1a14;
  --uz-red-bright: #d93828;

  /* alpha scales on ink */
  --uz-fg-9: rgba(243,234,216,0.92);
  --uz-fg-7: rgba(243,234,216,0.72);
  --uz-fg-5: rgba(243,234,216,0.50);
  --uz-fg-4: rgba(243,234,216,0.38);
  --uz-fg-3: rgba(243,234,216,0.24);
  --uz-fg-2: rgba(243,234,216,0.14);
  --uz-fg-1: rgba(243,234,216,0.08);

  --uz-line:    rgba(243,234,216,0.10);
  --uz-line-2:  rgba(243,234,216,0.18);

  /* alpha scales on paper */
  --uz-on-paper-9: rgba(13,10,8,0.92);
  --uz-on-paper-7: rgba(13,10,8,0.70);
  --uz-on-paper-5: rgba(13,10,8,0.48);
  --uz-on-paper-3: rgba(13,10,8,0.22);
  --uz-on-paper-line: rgba(13,10,8,0.14);

  /* gold accents on dark */
  --uz-gold-12: rgba(212,166,74,0.12);
  --uz-gold-24: rgba(212,166,74,0.24);
  --uz-gold-40: rgba(212,166,74,0.40);

  /* ── typography ── */
  --uz-display: 'Cormorant Infant', 'Times New Roman', serif;
  --uz-sans:    'Geist', -apple-system, system-ui, sans-serif;
  --uz-mono:    'JetBrains Mono', 'SF Mono', Menlo, monospace;

  /* ── radii / spacing / shadow ── */
  --uz-r-xs: 2px;
  --uz-r-sm: 4px;
  --uz-r-md: 8px;
  --uz-r-lg: 14px;
  --uz-r-xl: 22px;

  --uz-shadow-sm: 0 1px 0 rgba(0,0,0,0.4), 0 2px 8px rgba(0,0,0,0.25);
  --uz-shadow-md: 0 2px 0 rgba(0,0,0,0.5), 0 8px 28px rgba(0,0,0,0.35);
  --uz-shadow-glow: 0 0 0 1px var(--uz-gold-24), 0 0 32px rgba(212,166,74,0.18);
}

/* ── globals ── */
html, body { background: var(--uz-ink); color: var(--uz-fg-9); font-family: var(--uz-sans); }
* { box-sizing: border-box; }

/* themed scrollbars — never white */
html::-webkit-scrollbar{width:12px;height:12px}
html::-webkit-scrollbar-track{background:transparent}
html::-webkit-scrollbar-thumb{background:var(--uz-gold-40);border:3px solid transparent;border-radius:9px;background-clip:padding-box}
::-webkit-scrollbar { width: 8px; height: 8px; background: transparent; }
::-webkit-scrollbar-thumb { background: var(--uz-gold-24); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--uz-gold-40); }
::-webkit-scrollbar-corner { background: transparent; }

/* selection */
::selection { background: var(--uz-gold); color: var(--uz-ink); }

/* utility classes */
.uz-mono { font-family: var(--uz-mono); }
.uz-display { font-family: var(--uz-display); }
.uz-eyebrow {
  font-family: var(--uz-mono);
  font-size: 10px; letter-spacing: 0.22em;
  text-transform: uppercase; color: var(--uz-fg-5);
}