/* ДИЗАЙН-ТОКЕНЫ — единый источник визуального языка платформы.
   Премиум для детей 4-6 класса: тёплая дружелюбная палитра «справочного плаката»
   (rose-ярлыки, teal-правила, коралловая заливка наглядности), щедрый воздух,
   мягкие формы, читаемая типографика. Все компоненты используют ТОЛЬКО эти токены. */

:root {
  /* --- Палитра: нейтрали --- */
  --c-bg: #fbf6f2;            /* тёплый off-white фон */
  --c-surface: #ffffff;      /* карточки */
  --c-surface-2: #fdf1f4;    /* нежная розовая подложка секции */
  --c-ink: #2c2740;          /* основной текст (глубокий сливовый) */
  --c-ink-soft: #6a6480;     /* вторичный текст */
  --c-line: #ece3ea;         /* тонкие разделители */
  --c-line-strong: #d9cdd6;

  /* --- Бренд (rose/magenta — ярлыки тем, как на плакате) --- */
  --c-primary: #d23c77;
  --c-primary-strong: #a82b5d;
  --c-primary-soft: #fbe3ec;
  --c-on-primary: #ffffff;

  /* --- Вторичный (teal — плашки-правила) --- */
  --c-teal: #1f9aa8;
  --c-teal-strong: #157986;
  --c-teal-soft: #e1f4f5;

  /* --- Тёплый акцент (коралл — заливка наглядных долей) --- */
  --c-accent: #ef613f;
  --c-accent-soft: #fde7df;

  /* --- Смысловые --- */
  --c-success: #2f9e6b;
  --c-success-soft: #e3f6ec;
  --c-error: #e0455e;
  --c-error-soft: #fce4e8;
  --c-warn: #e0922f;
  --c-warn-soft: #fcefda;
  --c-info: #4b6bd6;
  --c-info-soft: #e7ecfb;

  /* --- Callout-варианты (теория) --- */
  --callout-rule-bg: var(--c-teal-soft);
  --callout-rule-bar: var(--c-teal);
  --callout-important-bg: var(--c-warn-soft);
  --callout-important-bar: var(--c-warn);
  --callout-remember-bg: #efe7fb;
  --callout-remember-bar: #7c5bd1;
  --callout-mistake-bg: var(--c-error-soft);
  --callout-mistake-bar: var(--c-error);
  --callout-definition-bg: var(--c-info-soft);
  --callout-definition-bar: var(--c-info);

  /* --- Фигуры (SVG-наглядность) --- */
  --fig-fill: var(--c-accent);
  --fig-empty: #f3eef0;
  --fig-stroke: #b9a7b2;
  --fig-axis: #8a7f95;
  --fig-label: var(--c-ink-soft);

  /* --- Типографика --- */
  --font-display: "Nunito", "Segoe UI", system-ui, sans-serif;
  --font-body: "PT Sans", "Segoe UI", system-ui, sans-serif;
  --fs-300: 0.875rem;
  --fs-400: 1rem;
  --fs-500: 1.125rem;   /* базовый для детей — крупнее обычного */
  --fs-600: 1.375rem;
  --fs-700: 1.75rem;
  --fs-800: 2.25rem;
  --fs-900: 2.875rem;
  --lh-tight: 1.2;
  --lh-normal: 1.6;

  /* --- Пространство (щедрый воздух) --- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;

  /* --- Радиусы / тени / границы --- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(44, 39, 64, 0.06), 0 2px 6px rgba(44, 39, 64, 0.05);
  --shadow-md: 0 6px 18px rgba(44, 39, 64, 0.08), 0 2px 6px rgba(44, 39, 64, 0.05);
  --shadow-lg: 0 18px 40px rgba(44, 39, 64, 0.12);

  --container: 1120px;
  --tap: 44px;  /* минимальная тач-цель */
}