/* ============================================================
   AXISA Business Breakfast — дизайн-токены
   Кремовый холст, угольные карточки, изумрудный акцент.
   Типографика — Manrope: мягкий геометрический гротеск.
   ============================================================ */

:root {
  /* --- Акцент: изумруд в трёх ролях --- */

  /* Заливка: кнопки, плитки, активные состояния. Текст на ней ВСЕГДА белый —
     оттенок подобран так, чтобы белый давал контраст 4.9:1. */
  --accent-fill: #0c8060;
  --accent-fill-hover: #0a6f53; /* темнее, иначе белый текст перестанет читаться */

  /* Акцентный текст и знаки на угольном фоне — яркий, контраст 10:1 */
  --accent-on-dark: #1ed69b;

  /* Акцентный текст на кремовом и белом — приглушённый, контраст 5.2:1 */
  --accent-on-light: #0b7355;

  --accent-glow: rgba(30, 214, 155, 0.3);

  /* --- Угольная база --- */
  --coal-900: #101011;
  --coal-800: #17181a;
  --coal-700: #222427;

  /* --- Кремовый холст --- */
  --cream: #f4f1ea;
  --cream-2: #eae5db;
  --white: #ffffff;

  /* --- Текст --- */
  --fg: #16181a;
  --fg-70: rgba(22, 24, 26, 0.68);
  --fg-62: rgba(22, 24, 26, 0.62); /* было 0.45 = 2.87:1 — серый текст не читался */
  --fg-40: rgba(22, 24, 26, 0.4); /* только плейсхолдеры и декоративные номера */

  --on-dark: #f8f6f2;
  --on-dark-65: rgba(248, 246, 242, 0.65);
  --on-dark-50: rgba(248, 246, 242, 0.5); /* было 0.35 = 3.07:1, мелкие подписи не читались */

  --line: rgba(22, 24, 26, 0.12);
  --line-dark: rgba(248, 246, 242, 0.14);

  --warn: #c9502f;

  /* --- Шрифты ---
     Manrope: геометрический гротеск с мягкими скруглёнными формами,
     без острых засечек и углов. Полная кириллица, хорошо читается
     и в крупных заголовках, и в мелком тексте. Курсива у него нет —
     акценты делаем цветом и насыщенностью, а не наклоном. */
  --display: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --fs-display: clamp(2.75rem, 1rem + 6.8vw, 7rem);
  --fs-h2: clamp(2rem, 1.2rem + 3vw, 3.75rem);
  --fs-h3: clamp(1.125rem, 1rem + 0.55vw, 1.5rem);
  --fs-stat: clamp(2.25rem, 1.3rem + 3.4vw, 4.25rem);
  --fs-lead: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --fs-md: 1rem;
  --fs-sm: 0.9375rem;
  --fs-xs: 0.8125rem;
  --fs-2xs: 0.6875rem;

  /* --- Сетка --- */
  --container: 1440px;
  --pad: clamp(1rem, 0.4rem + 2.2vw, 2.5rem);

  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.25rem;
  --s-6: 1.5rem;
  --s-8: 2rem;
  --s-10: 2.5rem;
  --s-12: 3rem;
  --s-16: 4rem;

  --section: clamp(3.5rem, 1.8rem + 5vw, 6.5rem);

  /* --- Форма --- */
  --r-sm: 10px;
  --r-md: 18px;
  --r-lg: 28px;
  --r-xl: 36px;
  --r-pill: 999px;

  /* Тени многослойные: близкая даёт контакт с поверхностью,
     дальняя — объём. Один слой всегда читается плоско. */
  --shadow-sm: 0 1px 2px rgba(16, 16, 17, 0.05), 0 4px 10px rgba(16, 16, 17, 0.045);
  --shadow: 0 1px 2px rgba(16, 16, 17, 0.045), 0 8px 18px rgba(16, 16, 17, 0.05),
    0 22px 48px rgba(16, 16, 17, 0.07);
  --shadow-lg: 0 2px 4px rgba(16, 16, 17, 0.05), 0 14px 32px rgba(16, 16, 17, 0.09),
    0 44px 90px rgba(16, 16, 17, 0.14);

  /* Подсветка вместо серой тени — под зелёными элементами серая грязнит */
  --shadow-accent: 0 6px 16px rgba(12, 128, 96, 0.28), 0 18px 40px rgba(12, 128, 96, 0.2);
  --shadow-accent-lg: 0 10px 24px rgba(12, 128, 96, 0.34), 0 28px 60px rgba(12, 128, 96, 0.26);

  /* --- Узор тёмных карточек ---
     Шеврон: вложенные «домики» под 45°, арт-деко. Перекликается
     с треугольником в логотипе. Плитка 80x40 — бесшовная по обеим осям,
     стороны строго под 45°, иначе на стыке был бы излом.
     Видимость добирается прозрачностью слоя, а не цветом. */
  --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40'%3E%3Cpath d='M0 0.00L40 -40.00L80 0.00M0 13.33L40 -26.67L80 13.33M0 26.67L40 -13.33L80 26.67M0 40.00L40 0.00L80 40.00M0 53.33L40 13.33L80 53.33M0 66.67L40 26.67L80 66.67M0 80.00L40 40.00L80 80.00M0 93.33L40 53.33L80 93.33M0 106.67L40 66.67L80 106.67' fill='none' stroke='%231ed69b' stroke-opacity='0.5' stroke-width='1.15' stroke-linecap='square'/%3E%3C/svg%3E");
  --chevron-size: 88px 44px;
  --chevron-opacity: 0.16;

  /* Мягкая засветка бумаги — не узор, просто неравномерность тона */
  --sheen-light: radial-gradient(120% 80% at 18% 0%, rgba(255, 255, 255, 0.55), transparent 60%);

  /* --- Движение --- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* резкий старт, долгий выкат */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* лёгкий перелёт на наведении */
  --t-fast: 0.16s;
  --t: 0.34s;
  --t-slow: 0.85s;
}