:root {
  --bg:           #0D0D0F;
  --surface:      #141416;
  --surface2:     #1C1C1F;
  --surface3:     #242428;
  --border:       #2a2a2e;
  --border2:      #3a3a3f;

  --accent:       #6366F1;
  --accent-hover: #4f52d4;
  --accent-dim:   rgba(99,102,241,0.15);

  --text:         #f0f0f0;
  --text2:        #9b9ba0;
  --text3:        #606068;

  --red:          #ef4444;
  --red-dim:      rgba(239,68,68,0.15);
  --green:        #22c55e;
  --green-dim:    rgba(34,197,94,0.15);
  --amber:        #f59e0b;
  --amber-dim:    rgba(245,158,11,0.15);
  --blue:         #3b82f6;
  --blue-dim:     rgba(59,130,246,0.15);

  --font-sans:    'DM Sans', sans-serif;
  --font-mono:    'Geist Mono', monospace;

  --radius-sm:    4px;
  --radius:       8px;
  --radius-lg:    12px;
  --radius-xl:    16px;

  --shadow:       0 2px 8px rgba(0,0,0,0.4);
  --shadow-lg:    0 8px 32px rgba(0,0,0,0.6);

  --transition:   150ms ease-out;
}