/**
 * Design tokens: the slice that components shared from core read. VenueStats
 * has no token system of its own (its pages are Tailwind utilities); this file
 * exists so a core component built on ImperialismMap's token contract renders
 * here in VenueStats' palette. Today that is the house ad, whose stylesheet
 * (core/static/core/css/house_ad.css) lists the tokens it reads, and
 * test_adsense.py fails if one is missing here.
 *
 * Neutral roles take Tailwind's gray scale, which the pages use (white cards,
 * gray-200 rules, gray-900 text). The --ext-* values are the advertised
 * products' brand colors, not this site's, so they must match ImperialismMap's
 * (sites/imperialismmap/docs/design/tokens/base.tokens.json); a test checks.
 * --surface-muted is read by tenant_timeline.css (gray-100).
 * The scales follow ImperialismMap's so the card has the same proportions.
 */
:root {
    --surface: #ffffff;
    --surface-muted: #f3f4f6;
    --border: #e5e7eb;
    --text-primary: #111827;
    --text-secondary: #4b5563;
    --text-muted: #6b7280;
    --on-surface-strong: #ffffff;
    --mix-black: #000000;

    --font-display: ui-sans-serif, system-ui, sans-serif;
    --type-xs: 0.75rem;
    --type-sm: 0.875rem;
    --type-base: 1rem;
    --type-2xl: 1.5rem;
    --leading-body: 1.5;
    --leading-heading: 1.15;
    --tracking-label: 0.06em;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-8: 2rem;
    --radius-card: 0.5rem;
    --radius-pill: 999px;

    --ext-tc-primary: #2563eb;
    --ext-mc-gray-800: #1F2937;
    --ext-mc-gray-700: #374151;
    --ext-mc-gray-600: #4B5563;
    --ext-mc-gray-400: #9CA3AF;
    --ext-mc-gray-300: #D1D5DB;
    --ext-mc-orange-500: #F97316;
    --ext-mc-orange-600: #EA580C;
    --ext-mc-white: #FFFFFF;
}