/*
* tokens.css — Single source of truth for the «Ясна Вижу» dark-gold brand.
* Design tokens only (colors, fonts, spacing, radius, shadows, transitions).
*
* ┌──────────────────────────────────────────────────────────────────┐
* │ NEW PAGE? Include shared CSS in the in THIS exact order: │
* │ │
* │ │
* │ │
* │ │
* │ │
* │ │
* │ │
* │ │
* │ │
* │ Layering: tokens.css → components.css → common.css → page.css │
* │ Use var(--*) and .btn/.container/.card — never re-declare :root. │
* │ Bump ?v= on any shared CSS file you change (cache busting). │
* └──────────────────────────────────────────────────────────────────┘
*/
:root {
/* ── Colors ── */
--bg-deep: #0a0a14;
--gold: #d4a574;
--gold-bright: #e8c49a;
--gold-dim: #b89a6a;
--gold-rgb: 212, 165, 116; /* use rgba(var(--gold-rgb), a) for alpha */
--gold-border: rgba(212, 165, 116, 0.2);
--gold-border-active: rgba(212, 165, 116, 0.5);
--text-light: #f0ebe0;
--text-dim: #c0b8a8;
/* Danger accent (delete / destructive) */
--danger-rgb: 220, 120, 110;
--danger-border-rgb: 180, 80, 70;
/* ── Fonts ── */
--font-display: 'Nunito', sans-serif;
--font-serif: 'Nunito', sans-serif;
--font-body: 'Nunito', sans-serif;
/* ── Spacing scale (recurring static gaps/paddings) ── */
--space-1: 4px;
--space-2: 8px;
--space-3: 10px;
--space-4: 12px;
--space-5: 16px;
--space-6: 24px;
/* ── Radius ── */
--radius-sm: 4px;
--radius-md: 6px;
--radius-lg: 8px;
--radius-xl: 12px;
--radius-pill: 50px;
/* ── Shadows (gold glows used by buttons / cards) ── */
--shadow-cta: 0 8px 25px rgba(var(--gold-rgb), 0.25);
--shadow-solid: 0 4px 16px rgba(var(--gold-rgb), 0.3);
--shadow-solid-hover: 0 6px 25px rgba(var(--gold-rgb), 0.5);
--shadow-card: 0 4px 12px rgba(var(--gold-rgb), 0.25);
/* ── Motion ── */
--transition: all 0.3s ease;
/* ── Layout ── */
--container: 520px;
--gutter: clamp(24px, 6vw, 40px);
}