/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   DESIGN TOKENS — billbarger.com
   Extracted from /claw design system
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {
  --bg:           #ffffff;
  --bg-alt:       #f5f5f7;
  --bg-card:      #f5f5f7;
  --bg-card-hover:#ebebed;
  --bg-selected:  #e8f0fd;

  --text:         #1d1d1f;
  --text-2:       #6e6e73;
  --text-3:       #86868b;

  --border:       #d2d2d7;
  --border-subtle:#e8e8ed;

  --accent:       #0071e3;
  --accent-hover: #0077ed;
  --accent-light: rgba(0,113,227,0.08);
  --accent-border:rgba(0,113,227,0.25);

  --green:        #1d8348;
  --green-bg:     #f0faf4;
  --green-border: #a9dfbf;

  --radius-sm:    10px;
  --radius:       14px;
  --radius-lg:    20px;
  --radius-pill:  100px;

  --shadow-sm:    0 2px 8px rgba(0,0,0,0.07);
  --shadow:       0 4px 20px rgba(0,0,0,0.09);
  --shadow-lg:    0 12px 48px rgba(0,0,0,0.12);
}