:root {
  /* Зелёные */
  --color-primary: #3D8A5A;
  --color-primary-light: #C8F0D8;
  --color-leaf-green: #6BBF59;

  /* CTA / Акцент */
  --color-mint-cta: #5EC49A;
  --color-mint-cta-dark: #4DB882;

  /* Текст */
  --color-text-primary: #1A1918;
  --color-text-secondary: #6D6C6A;
  --color-text-tertiary: #9C9B99;
  --color-text-lime: #B8E986;
  --color-text-white: #FFFFFF;

  /* Фон */
  --bg-primary: #3D8A5A;
  --bg-cream: #F5F4F1;
  --bg-white: #FFFFFF;
  --bg-dark: #1E2A2F;
  --bg-dark-card: #263238;

  /* Рамки */
  --border-subtle: #E5E4E1;
  --border-dark: #37474F;

  /* Дополнительные */
  --color-warm-blue: #5B9BD5;
  --color-warm-coral: #D89575;

  /* Шрифты */
  --primary-font: "Montserrat", serif;
  --secondary-font: "Neucha", serif;

  /* Размеры шрифтов */
  --font-size-body: clamp(15px, 2vw, 21px);
  --font-size-title: clamp(40px, 5vw, 68px);
}

/* Светлая тема (по умолчанию) */
:root,
[data-theme="light"] {
  --theme-bg: var(--bg-cream);
  --theme-bg-card: var(--bg-white);
  --theme-bg-header: var(--bg-white);
  --theme-text: var(--color-text-primary);
  --theme-text-muted: var(--color-text-secondary);
  --theme-border: var(--border-subtle);
  --theme-accent: var(--color-primary);
  --theme-btn-bg: var(--color-mint-cta);
  --theme-btn-bg-hover: var(--color-mint-cta-dark);
  --theme-btn-text: var(--bg-white);
}

/* Тёмная тема */
[data-theme="dark"] {
  --theme-bg: var(--bg-dark);
  --theme-bg-card: var(--bg-dark-card);
  --theme-bg-header: var(--bg-dark);
  --theme-text: var(--color-text-white);
  --theme-text-muted: var(--color-text-tertiary);
  --theme-border: var(--border-dark);
  --theme-accent: var(--color-leaf-green);
  --theme-btn-bg: var(--color-primary);
  --theme-btn-bg-hover: var(--color-mint-cta-dark);
  --theme-btn-text: var(--bg-white);
}