:root {
      --bg-primary: #ffffff;
      --bg-secondary: #f8f9fa;
      --text-primary: #222222;
      --text-secondary: #666666;
      --border-color: #e0e0e0;
      --card-bg: #ffffff;
      --chart-bg: #f9f9f9;
      --gender-m: #6aa6ff;
      --gender-f: #ff7ab6;
      --gender-u: #cfcfcf;
      --loading-bg: #f8f9fa;
      --error-bg: #fff5f5;
      --error-text: #a40000;
      --border-radius: 12px;
        /* Размеры */
        --radius: 8px;
        --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

        /* Типографика */
        --font-size-base: 16px;
        --line-height-base: 1.5;
    }

    @media (prefers-color-scheme: dark) {
      :root {
        --bg-primary: #121212;
        --bg-secondary: #1e1e1e;
        --text-primary: #e0e0e0;
        --text-secondary: #a0a0a0;
        --border-color: #404040;
        --card-bg: #2d2d2d;
        --chart-bg: #252525;
        --gender-m: #5a8cff;
        --gender-f: #ff5ab6;
        --gender-u: #808080;
        --loading-bg: #2a2a2a;
        --error-bg: #3d1a1a;
        --error-text: #ff6b6b;
      }
    }

    [data-theme="dark"] {
      --bg-primary: #121212;
      --bg-secondary: #1e1e1e;
      --text-primary: #fff;
      --text-secondary: #fff;
      --border-color: #404040;
      --card-bg: #2d2d2d;
      --chart-bg: #252525;
      --gender-m: #5a8cff;
      --gender-f: #ff5ab6;
      --gender-u: #808080;
      --loading-bg: #2a2a2a;
      --error-bg: #3d1a1a;
      --error-text: #ff6b6b;
      --border-radius: 12px;
    }

    [data-theme="light"] {
      --bg-primary: #ffffff;
      --bg-secondary: #f8f9fa;
      --text-primary: #222222;
      --text-secondary: #666666;
      --border-color: #e0e0e0;
      --card-bg: #ffffff;
      --chart-bg: #f9f9f9;
      --gender-m: #6aa6ff;
      --gender-f: #ff7ab6;
      --gender-u: #cfcfcf;
      --loading-bg: #f8f9fa;
      --error-bg: #fff5f5;
      --error-text: #a40000;
      --border-radius: 12px;
    }

body {
  background: var(--bg-primary);
  color: var(--text-primary);
  font-family: Arial, sans-serif;
  margin: 0;
  transition: 0.3s;
}