:root {
  --font-body: "Satoshi", "Inter", "Segoe UI", sans-serif;

  --bg: #141312;
  --surface: #1a1917;
  --surface-2: #201f1d;
  --surface-offset: #262523;
  --divider: #2e2c2a;
  --border: #363432;
  --text-primary: #d4d3d1;
  --text-muted: #7a7876;
  --text-faint: #4a4947;
  --accent: #4f98a3;
  --accent-hover: #3d8591;
  --accent-soft: #1e3538;
  --success: #5a9e3a;
  --success-bg: #1e3018;
  --warning: #d4913a;
  --warning-bg: #2e2010;
  --error: #c45060;
  --error-bg: #2a1418;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.32);

  --transition-ui: 180ms cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="light"] {
  --bg: #f4f3f1;
  --surface: #faf9f7;
  --surface-2: #ffffff;
  --surface-offset: #eeede9;
  --divider: #dddbd7;
  --border: #d0ceca;
  --text-primary: #1f1e1d;
  --text-muted: #6a6866;
  --text-faint: #b0aeab;
  --accent: #01696f;
  --accent-hover: #0c4e54;
  --accent-soft: #d0e4e2;
  --success: #2e6e18;
  --success-bg: #dff0d8;
  --warning: #a05a10;
  --warning-bg: #fef3e0;
  --error: #8a1e2e;
  --error-bg: #fde8eb;
  --shadow-sm: 0 1px 2px rgba(32, 30, 24, 0.06);
  --shadow-md: 0 8px 20px rgba(32, 30, 24, 0.08);
}