/* static/css/tokens.css */
:root {
    /* Neutral palette */
    --bg: #fafafa;
    --surface: #ffffff;
    --text: #171717;
    --muted: #737373;
    --border: #e5e5e5;
    --subtle: #f5f5f5;
  
    /* Accent (Option A) */
    --accent: #f97316;
    --accent-weak: #ffedd5;
    --accent-ink: #9a3412;
  
    /* Interaction */
    --focus-ring: rgba(249, 115, 22, 0.35);
  
    /* Layout primitives (optional but useful) */
    --radius: 10px;
    --space-1: 8px;
    --space-2: 12px;
    --space-3: 16px;
    --space-4: 24px;
    --max-w: 640px;
    --navbar-height: 56px;
    --footer-height: 52px;
  }