/* ============================================================
Adversarial Risk Group — Brand Tokens
Single source of truth for color, type, spacing, and layout.
Mirrors and extends /website/style.css :root variables.
============================================================ */
/* Font import — include in HTML when using this file:
*/
:root {
/* ── Core palette (matches existing website exactly) ─────── */
--color-bg: #0d0d0d;
--color-bg-mid: #141414;
--color-bg-alt: #1a1a1a;
--color-text: #e8e8e8;
--color-muted: #888888;
--color-accent: #d4a017;
--color-accent-dk: #b8880f;
--color-border: #2a2a2a;
--color-black: #000000;
--color-white: #ffffff;
/* ── Print-safe equivalents (coated stock) ───────────────── */
--color-print-bg: #111111;
--color-print-gold: #c49614;
--color-print-white: #f5f5f5;
/* ── Status colors (carried from existing site) ──────────── */
--color-success: #6fcf97;
--color-error: #eb5757;
/* ── Typography ──────────────────────────────────────────── */
--font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
--font-display: 'Inter Tight', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
--font-mono: 'SF Mono', 'Fira Code', 'JetBrains Mono', Consolas, monospace;
/* ── Type scale ──────────────────────────────────────────── */
--type-xs: 0.75rem;
--type-sm: 0.85rem;
--type-base: 1rem;
--type-md: 1.0625rem;
--type-lg: 1.15rem;
--type-xl: 1.3rem;
--type-2xl: 1.9rem;
--type-3xl: 2.4rem;
--type-display: 3rem;
/* ── Letter spacing ──────────────────────────────────────── */
--tracking-tight: -0.02em;
--tracking-normal: 0;
--tracking-wide: 0.04em;
--tracking-widest: 0.1em;
/* ── Line height ─────────────────────────────────────────── */
--leading-tight: 1.25;
--leading-snug: 1.4;
--leading-normal: 1.7;
/* ── Spacing scale ───────────────────────────────────────── */
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 20px;
--space-6: 24px;
--space-8: 32px;
--space-10: 40px;
--space-12: 48px;
--space-16: 64px;
--space-20: 80px;
--space-24: 96px;
/* ── Geometry ────────────────────────────────────────────── */
--radius: 4px;
--border: 1px solid #2a2a2a;
--rule-gold: 2px solid #d4a017;
/* ── Collateral physical dimensions ──────────────────────── */
--card-w: 3.5in;
--card-h: 2in;
--lh-w: 8.5in;
--lh-h: 11in;
--lh-margin-tb: 1in;
--lh-margin-lr: 1.25in;
}