:root {
  /* Brand */
  --purple: #534AB7;
  --purple-l: #EEEDFE;
  --purple-m: #AFA9EC;

  /* Semantic colors */
  --teal: #0F6E56;    --teal-l: #E1F5EE;
  --blue: #185FA5;    --blue-l: #E6F1FB;
  --coral: #993C1D;   --coral-l: #FAECE7;
  --amber: #BA7517;   --amber-l: #FAEEDA;
  --green: #1D9E75;   --green-l: #E1F5EE;
  --red: #E24B4A;     --red-l: #FCEBEB;
  --gray: #5F5E5A;    --gray-l: #F1EFE8;

  /* Surfaces */
  --bg-primary: #FFFFFF;
  --bg-secondary: #F5F5F0;
  --bg-tertiary: #EEECE6;

  /* Text */
  --text-primary: #1A1A12;
  --text-secondary: #5A5A56;
  --text-tertiary: #9A9994;

  /* Borders */
  --border-t: rgba(0, 0, 0, 0.10);
  --border-s: rgba(0, 0, 0, 0.14);
  --border-m: rgba(0, 0, 0, 0.22);

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 20px;

  /* Typography */
  --font: 'Inter', 'Segoe UI', system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font);
  background: var(--bg-tertiary);
  color: var(--text-primary);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }

button { font-family: inherit; cursor: pointer; }

input, select, textarea { font-family: inherit; }