/* ============================================================
   SNOM Code — Design tokens (dark theme, defaults for all pages)
   Consumed by style.css / blog.css via var(--snom-*).
   No light mode: everything stays dark by design.
   ============================================================ */

:root {
    --snom-bg: #000;
    --snom-text: #ededed;
    --snom-heading: #fff;
    --snom-body: #ccc;
    --snom-muted: #888;
    --snom-faint: #555;
    --snom-surface: #0a0a0a;
    --snom-surface-hi: #0f0f0f;
    --snom-code-bg: #0a0a0a;
    --snom-code-text: #f8f8f2;
    --snom-border: rgba(255,255,255,0.1);
    --snom-border-soft: rgba(255,255,255,0.05);
    --snom-border-strong: rgba(255,255,255,0.2);
    --snom-border-xstrong: rgba(255,255,255,0.3);
    --snom-chip-bg: rgba(255,255,255,0.05);
    --snom-hover-bg: rgba(255,255,255,0.1);
    --snom-accent-soft: rgba(255,255,255,0.12);
    --snom-card-grad: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, transparent 100%);
    --snom-card-shadow: 0 20px 40px -20px rgba(255,255,255,0.05);
    --snom-h1-grad: linear-gradient(to right, #fff, #888);
    --snom-thumb: #333;
    --snom-thumb-hi: #555;
    --snom-link: #60a5fa;
    --snom-glow-a: #fff;
    --snom-th-bg: rgba(255,255,255,0.05);
    --snom-th-border: rgba(255,255,255,0.15);
    --snom-td: #bbb;
    --snom-row-hover: rgba(255,255,255,0.02);
}