:root[data-theme="light"] {
  --bg: #f6f7fb; --surface: #ffffff; --surface-2: #fafbfd; --border: #e7e9f0;
  --text: #14161f; --text-muted: #6b7280;
  --accent: #6c5ce7; --accent-hover: #5b4bd6; --accent-soft: #efecfd;
}
:root[data-theme="terra"] {
  --bg: #f8f3ec; --surface: #fffdfa; --surface-2: #fbf6ef; --border: #ecdfc9;
  --text: #1c1712; --text-muted: #7a6f60;
  --accent: #a9825c; --accent-hover: #93704d; --accent-soft: #f1e6d5;
}
:root[data-theme="agua"] {
  --bg: #eff5fc; --surface: #ffffff; --surface-2: #f7fafd; --border: #d8e7f3;
  --text: #101823; --text-muted: #607086;
  --accent: #4a90d9; --accent-hover: #3a7dc4; --accent-soft: #e3eefb;
}
:root[data-theme="fogo"] {
  --bg: #fcf1ea; --surface: #fffaf7; --surface-2: #fdf5ee; --border: #f2ddcc;
  --text: #201410; --text-muted: #8a6c5c;
  --accent: #e0592a; --accent-hover: #c74a20; --accent-soft: #fbe4d6;
}
:root[data-theme="ar"] {
  --bg: #eff9f3; --surface: #ffffff; --surface-2: #f6fbf8; --border: #d9ede1;
  --text: #0f1b15; --text-muted: #5f7d6c;
  --accent: #33ab6f; --accent-hover: #2b9560; --accent-soft: #dff3e7;
}
:root {
  --color-terra: #a9825c; --color-agua: #4a90d9; --color-fogo: #e0592a; --color-ar: #33ab6f;
  --radius-sm: 8px; --radius: 12px; --radius-lg: 18px; --radius-full: 999px;
  --shadow-xs: 0 1px 2px rgba(20,22,31,.04);
  --shadow-sm: 0 1px 3px rgba(20,22,31,.06), 0 1px 2px rgba(20,22,31,.04);
  --shadow: 0 4px 14px rgba(20,22,31,.07), 0 1px 3px rgba(20,22,31,.05);
  --shadow-lg: 0 20px 48px rgba(20,22,31,.16), 0 4px 12px rgba(20,22,31,.08);
  --ease: cubic-bezier(.4,0,.2,1);
  --transition-fast: 120ms var(--ease);
  --transition: 180ms var(--ease);
  --font: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}