:root {
  --font-family: Inter, "Segoe UI", Arial, sans-serif;

  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-xl: 34px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 15px;
  --text-lg: 17px;
  --text-xl: 22px;
  --text-2xl: 28px;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 800;

  --motion-fast: 160ms;
  --motion-normal: 260ms;
  --motion-slow: 520ms;
  --ease-out: cubic-bezier(.2, .8, .2, 1);
}

:root,
[data-theme="dark"] {
  --color-bg: #14100f;
  --color-shell: #211a18;
  --color-surface: #1d1f1d;
  --color-surface-2: #262a27;
  --color-card: #101412;
  --color-card-soft: #1f2622;
  --color-border: rgba(255, 255, 255, .08);
  --color-text: #f4f8f1;
  --color-muted: #9aa59b;
  --color-primary: #a6ff3f;
  --color-primary-2: #47e6a4;
  --color-secondary: #5ac8ff;
  --color-danger: #ff4d35;
  --color-warning: #ffb020;
  --color-success: #4ade80;
  --shadow-card: 0 18px 45px rgba(0, 0, 0, .36);
  --shadow-phone: 0 30px 90px rgba(0, 0, 0, .52);
}

[data-theme="light"] {
  --color-bg: #edf2ef;
  --color-shell: #dfe8e2;
  --color-surface: #ffffff;
  --color-surface-2: #f4f7f5;
  --color-card: #ffffff;
  --color-card-soft: #eef7ef;
  --color-border: rgba(25, 55, 35, .1);
  --color-text: #102016;
  --color-muted: #66736a;
  --color-primary: #2d9f48;
  --color-primary-2: #13a879;
  --color-secondary: #1677c9;
  --color-danger: #d73720;
  --color-warning: #b87400;
  --color-success: #198754;
  --shadow-card: 0 18px 45px rgba(29, 62, 40, .12);
  --shadow-phone: 0 30px 90px rgba(29, 62, 40, .24);
}