/* === THEME TOKENS === */
:root {
  --color-text: #2d3748;             /* slate 700 */
  --color-muted: #4a5568;            /* slate 600 */
  --color-accent: #4fd1c7;           /* mint */
  --color-accent-2: #5eead4;         /* mint lighter */
  --color-accent-3: #2dd4bf;         /* mint hover */
  --color-danger: #f56565;           /* highlight red */
  --color-white: #ffffff;
  --color-overlay: rgba(0, 0, 0, 0.55);
  --color-glass-border: rgba(255, 255, 255, 0.2);
  --color-glass-border-strong: rgba(255, 255, 255, 0.25);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;

  --radius-pill: 999px;
  --radius-card: 16px;

  --shadow-card: 0 6px 20px rgba(0,0,0,.08);
}