/* ==========================================================================
   Нейролента — дизайн-токены (итерация 1)
   Направление: tech-editorial минимализм, светлая тема.
   Источник значений: ПЛАН. Новостник AI.md (accent #26AFFF, secondary #E86830,
   шрифт Geologica, шкала отступов 12..100px).
   ========================================================================== */

:root {
  /* --- Цвет: нейтральная шкала (светлая тема) --- */
  --color-bg: #fbfbfd;          /* фон страницы, чуть тёплый off-white */
  --color-surface: #ffffff;     /* карточки, поверхности */
  --color-surface-2: #f3f5f8;   /* вторичная поверхность, подложки */
  --color-ink: #0e1116;         /* заголовки, максимальный контраст */
  --color-text: #272d36;        /* основной текст */
  --color-muted: #5b6573;       /* мета, подписи */
  --color-faint: #8a93a1;       /* самый тихий текст */
  --color-border: #e7e9ee;      /* hairline-границы */
  --color-border-strong: #d6dae1;

  /* --- Цвет: бренд-акцент (синий) --- */
  --color-accent: #26afff;          /* бренд, акцентные плашки/иконки */
  --color-accent-ink: #0a6fb0;      /* доступный синий для текста/ссылок на белом (AA) */
  --color-accent-ink-hover: #075a91;
  --color-accent-soft: #e8f6ff;     /* светлая подложка акцента */

  /* --- Цвет: вторичный (оранжевый, акцент рубрик/выделений) --- */
  --color-secondary: #e86830;
  --color-secondary-ink: #c2521f;
  --color-secondary-soft: #fdeee6;

  /* --- Цвет: рубрики (тихая дифференциация тегов) --- */
  --cat-novosti: #2563eb;
  --cat-neyroseti: #7c3aed;
  --cat-llm: #0891b2;
  --cat-avtomatizaciya: #059669;
  --cat-bezopasnost: #dc2626;
  --cat-biznes: #d97706;
  --cat-zhelezo: #4f46e5;

  /* --- Фокус --- */
  --color-focus: #1d8fe0;
  --focus-ring: 0 0 0 3px rgba(38, 175, 255, 0.45);

  /* --- Типографика --- */
  --font-display: "Geologica", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", Consolas, monospace;

  /* Модульная шкала (clamp для плавной адаптивности) */
  --fs-300: 0.8125rem;                              /* 13px — мета, бейджи */
  --fs-350: 0.875rem;                               /* 14px — мелкий текст */
  --fs-400: 1rem;                                   /* 16px — база */
  --fs-450: 1.0625rem;                              /* 17px — текст статьи */
  --fs-500: clamp(1.125rem, 0.6vw + 1rem, 1.25rem); /* лид */
  --fs-600: clamp(1.25rem, 0.8vw + 1.05rem, 1.5rem);/* h4 / заголовок карточки */
  --fs-700: clamp(1.5rem, 1.2vw + 1.1rem, 1.875rem);/* h3 */
  --fs-800: clamp(1.875rem, 2vw + 1.2rem, 2.5rem);  /* h2 */
  --fs-900: clamp(1.875rem, 5vw, 2.5rem);           /* h1 — макс 40px */
  --fs-1000: clamp(2.5rem, 5vw + 1rem, 4.5rem);     /* hero-display */

  --lh-tight: 1.1;
  --lh-snug: 1.25;
  --lh-base: 1.65;
  --lh-relaxed: 1.75;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 800;

  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-wide: 0.04em;
  --tracking-caps: 0.08em;

  /* --- Отступы (12..100, шаг ~1.5; section на clamp) --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 80px;
  --space-10: 100px;
  --space-section: clamp(48px, 7vw, 100px);

  /* --- Радиусы --- */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-pill: 999px;

  /* --- Тени (мягкие, минималистичные) --- */
  --shadow-sm: 0 1px 2px rgba(14, 17, 22, 0.05);
  --shadow-md: 0 4px 16px rgba(14, 17, 22, 0.07);
  --shadow-lg: 0 16px 40px rgba(14, 17, 22, 0.10);

  /* --- Контейнеры --- */
  --container: 1200px;          /* ленты, общий */
  --container-wide: 1320px;     /* hero на главной */
  --container-read: 720px;      /* комфортная ширина чтения статьи */

  /* --- Движение --- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 120ms;
  --dur: 200ms;
  --dur-slow: 420ms;

  /* --- Слои --- */
  --z-header: 100;
  --z-overlay: 200;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur: 0ms;
    --dur-slow: 0ms;
  }
}