/* variables.css — Дизайн-система «СОСУДЫ: Живём до 100 лет» */

:root {
  /* Основная палитра */
  --color-primary:     #1B4332;
  --color-primary-dark:#0F2A1E;
  --color-accent:       #52B788;
  --color-accent-dark:  #2D6A4F;
  --color-background:  #F8F9FA;
  --color-card:         #FFFFFF;
  --color-text:         #212529;
  --color-muted:        #6C757D;
  --color-border:       #DEE2E6;

  /* Семафор инсулинового индекса */
  --ii-low-color:      #2D6A4F;
  --ii-low-bg:         #D8F3DC;
  --ii-medium-color:   #B5720A;
  --ii-medium-bg:      #FFF3E0;
  --ii-high-color:     #C1121F;
  --ii-high-bg:        #FFE5E7;
  --ii-forbidden-color:#6D1A1A;
  --ii-forbidden-bg:   #FFD0D0;

  /* Системные цвета */
  --color-success: #2D6A4F;
  --color-warning: #B5720A;
  --color-danger:  #C1121F;
  --color-info:    #457B9D;

  /* Типографика */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Playfair Display', Georgia, serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;

  /* Отступы */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Радиусы */
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;

  /* Тени */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);

  /* Ширина контейнера */
  --container-max: 1180px;
}

/* Режим «Бабушка» (simple mode) — крупный шрифт и элементы */
[data-ui-mode="simple"] {
  --text-base: 1.2rem;
  --text-lg:   1.35rem;
  --text-xl:   1.6rem;
  --text-2xl:  2rem;
  --text-3xl:  2.4rem;
}

[data-ui-mode="simple"] .btn {
  padding: var(--space-4) var(--space-8);
  font-size: var(--text-lg);
}

[data-ui-mode="simple"] .nav-links a {
  font-size: var(--text-lg);
}

/* Режим «Студент» (deep mode) — показывать доп. блоки */
[data-ui-mode="deep"] .deep-only { display: block !important; }
[data-ui-mode="normal"] .deep-only,
[data-ui-mode="simple"] .deep-only { display: none !important; }

[data-ui-mode="simple"] .normal-only,
[data-ui-mode="simple"] .deep-only { display: none !important; }