/* ════════════════════════════════════════════════════════════
   Red Taverns — Brand Tokens
   Version: 1.0  ·  2026-04-22
   Source of truth: https://taverns.red/brand
   ════════════════════════════════════════════════════════════
   Consume this file by linking it from your root layout, or by
   copying into your build pipeline on release. Do NOT redefine
   these tokens locally. Add new tokens here, not in product
   stylesheets — open a PR against taverns.red.
   ════════════════════════════════════════════════════════════ */

:root {
  /* ── Brand color ─────────────────────────────────────────── */
  --rt-red:        #E63946;   /* primary brand red — one and only */
  --rt-red-dk:     #8E1B25;   /* deep red, for hover/active/ink-on-red */
  --rt-red-soft:   #FCE4E7;   /* tint, for backgrounds and badges */

  /* ── Surface — light theme (default) ─────────────────────── */
  --rt-paper:      #F4F1EB;   /* canvas */
  --rt-paper-2:    #EBE6DB;   /* secondary surface, cards */
  --rt-paper-3:    #DDD7C8;   /* hairline / divider on paper */

  /* ── Surface — dark theme ────────────────────────────────── */
  --rt-bg:         #0F0E0D;   /* canvas */
  --rt-bg-2:       #1A1816;   /* card / raised surface */
  --rt-bg-3:       #2A2724;   /* divider on dark */

  /* ── Ink ─────────────────────────────────────────────────── */
  --rt-ink:        #0F0E0D;   /* primary text on light */
  --rt-ink-2:      #3D3B38;   /* secondary text */
  --rt-ink-3:      #8C8A82;   /* tertiary / labels / placeholders */
  --rt-ink-on-dk:  #F4F1EB;   /* primary text on dark surfaces */

  /* ── Functional / semantic ───────────────────────────────── */
  --rt-good:       #2A8F6E;
  --rt-warn:       #D4873F;
  --rt-bad:        #C93D3D;
  --rt-info:       #3B6FE6;

  /* ── Product accent flags (for the branded house) ────────── */
  --rt-vote:       #E63946;   /* Red Vote   — same as brand red */
  --rt-table:      #3B6FE6;   /* Red Table  — interpretation/translation */
  --rt-club:       #2A8F6E;   /* Red Club   — membership/community */
  --rt-stats:      #D4873F;   /* Toast Stats / "Tally" */
  --rt-eval:       #7B4FCF;   /* Speech Eval / "Lectern" */

  /* ── Typography stacks ───────────────────────────────────── */
  --rt-font-display: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --rt-font-body:    'Inter', ui-sans-serif, system-ui, sans-serif;
  --rt-font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ── Type scale (px @ 16px root) ─────────────────────────── */
  --rt-text-xs:    11px;   /* mono labels, eyebrows */
  --rt-text-sm:    13px;   /* secondary body */
  --rt-text-base:  16px;   /* body */
  --rt-text-md:    18px;   /* lead body */
  --rt-text-lg:    22px;   /* small heading */
  --rt-text-xl:    32px;   /* heading */
  --rt-text-2xl:   48px;   /* section title */
  --rt-text-3xl:   72px;   /* hero */
  --rt-text-4xl:   112px;  /* deck cover */

  /* ── Letter-spacing — display tracking is tight ──────────── */
  --rt-track-tight: -0.04em;
  --rt-track-snug:  -0.02em;
  --rt-track-loose:  0.16em; /* mono labels */

  /* ── Spacing scale (4px base) ────────────────────────────── */
  --rt-space-1:    4px;
  --rt-space-2:    8px;
  --rt-space-3:    12px;
  --rt-space-4:    16px;
  --rt-space-5:    24px;
  --rt-space-6:    32px;
  --rt-space-8:    48px;
  --rt-space-10:   64px;
  --rt-space-12:   96px;

  /* ── Radius — sparing use, geometric > pillowy ───────────── */
  --rt-radius-sm:  3px;
  --rt-radius-md:  4px;
  --rt-radius-lg:  6px;

  /* ── Hairlines ───────────────────────────────────────────── */
  --rt-rule:        rgba(15, 14, 13, 0.10);
  --rt-rule-strong: rgba(15, 14, 13, 0.25);
  --rt-rule-on-dk:  rgba(244, 241, 235, 0.10);

  /* ── Shadow — restrained; brand isn't pillowy ────────────── */
  --rt-shadow-1: 0 1px 2px rgba(15, 14, 13, 0.06);
  --rt-shadow-2: 0 4px 12px rgba(15, 14, 13, 0.08);

  /* ── Motion — slow, deliberate, governance pace ──────────── */
  --rt-ease:     cubic-bezier(0.2, 0.7, 0.3, 1);
  --rt-dur-fast: 120ms;
  --rt-dur:      200ms;
  --rt-dur-slow: 360ms;
}

/* Google Fonts — products should preconnect + load these, or
   self-host equivalents. Listed here for reference. */
/* @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap'); */