:root {
  --bg: #F7F8FC;
  --surface: #FFFFFF;
  --surface-2: #F3F5FF;
  --text: #0B1220;
  --muted: #5B6475;
  --border: rgba(15, 23, 42, .10);

  /* Indigo -> Emerald accents */
  --indigo: #4F46E5;
  --indigo-2: #6366F1;
  --emerald: #10B981;
  --emerald-2: #34D399;

  --ring: rgba(79, 70, 229, .22);
  --shadow: 0 18px 45px rgba(15, 23, 42, .10);
  --shadow-soft: 0 12px 30px rgba(15, 23, 42, .08);

  --radius-xl: 20px;
  --radius-lg: 16px;
}