/**
 * TONZILLOGARD WordPress Theme - Design Tokens & Variables
 */
@font-face {
  font-family: 'Bebas Neue';
  src: url('../fonts/BebasNeue-Cyrillic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bebas Neue Pro';
  src: url('../fonts/BebasNeue-Cyrillic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand Colors */
  --color-primary-dark: #0d3f30;       /* Основной темно-зеленый */
  --color-forest: #163229;             /* Глубокий темно-зеленый для футера/шапки */
  --color-brand-green: #1b6b4d;        /* Изумрудный зеленый для акцентов и карточек */
  --color-accent-red: #e4201b;         /* Фирменный красный кнопки «Где купить» */
  --color-accent-red-hover: #c91b17;   /* Ховер для красной кнопки */
  --color-sage-light: #ddede4;         /* Светло-шалфейный фон плашек и тегов */
  --color-sand-warm: #f6f1e7;          /* Теплый бежевый фон секций */
  --color-bg-light: #fffefa;           /* Основной фоновый цвет страниц (тепло-белый) */
  --color-white: #ffffff;
  
  /* Text & Neutral Colors */
  --color-text-main: #0d3f30;
  --color-text-body: #080808;
  --color-text-muted: #60736b;
  --color-text-light: #ddede4;
  --color-text-grey: #505050;
  --color-text-subtle: #b0b0b0;
  --color-text-warning: #d5d5d5;
  --color-border: #d6dfd8;
  --color-border-dark: #1b6b4d;

  /* Typography */
  --font-family-base: 'SB Sans Display', 'Golos Text', 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-sans: 'Google Sans', 'Golos Text', 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-family-accent: 'Bebas Neue Pro', 'Bebas Neue', 'Impact', sans-serif;

  /* Layout: 1920px canvas with 235px side margins = 1450px container */
  --container-width: 1450px;
  --container-pad: 0px;
  --container-pad-tablet: 24px;
  --container-pad-mobile: 16px;
  
  /* Radiuses */
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-card: 0px 12px 30px 0px rgba(16, 59, 42, 0.09);
  --shadow-card-hover: 0px 20px 40px 0px rgba(16, 59, 42, 0.16);
  --shadow-dropdown: 0px 16px 24px 0px rgba(13, 63, 48, 0.08);
  --shadow-modal: 0px 20px 50px 0px rgba(13, 63, 48, 0.25);
  --shadow-cookie: 0px -4px 16px 0px rgba(13, 63, 48, 0.08);

  /* Transitions */
  --transition-speed: 0.25s;
  --transition-ease: cubic-bezier(0.4, 0, 0.2, 1);
}