/* =========================================
   CSS Custom Properties — Дизайн-токены
   Все значения — плейсхолдеры для замены
   ========================================= */

@font-face {
  font-family: 'Aeonik Pro TRIAL';
  src: url('../assets/fonts/aeonik-pro-trial-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {

  /* -----------------------------------------
     Цвета — заменить на финальную палитру
     ----------------------------------------- */

  /* Фоны */
  --color-bg:            #FFFFFF;    /* основной фон страницы */
  --color-bg-dark:       #232323;    /* тёмный фон hero */
  --color-bg-alt:        #F5F5F5;    /* альтернативный фон секций */
  --color-bg-card:       #FAFAFA;    /* фон карточек */

  /* Текст */
  --color-text-primary:  #1A1A1A;    /* основной текст */
  --color-text-secondary:#555555;    /* вторичный текст, подписи */
  --color-text-muted:    #999999;    /* приглушённый текст */
  --color-text-on-dark:  #FFFFFF;    /* текст на тёмном фоне */

  /* Акцент — главный брендовый цвет */
  --color-accent:        #811735;
  --color-accent-hover:  #6B1230;
  --color-accent-light:  #F5D0D8;

  /* Границы */
  --color-border:        #E0E0E0;    /* цвет линий и рамок */
  --color-border-focus:  #0057FF;    /* рамка при фокусе */

  /* Состояния */
  --color-focus:         #0057FF;    /* outline при :focus-visible */

  /* -----------------------------------------
     Типографика
     ----------------------------------------- */

  /* Шрифтовые семейства */
  --font-primary:   'Aeonik Pro TRIAL', system-ui, -apple-system, sans-serif;   /* основной */
  --font-heading:   'Aeonik Pro TRIAL', system-ui, -apple-system, sans-serif;   /* заголовки */
  --font-mono:      'Geist Mono', 'Courier New', monospace;            /* код, теги */

  /* Размеры шрифта — мобайл */
  --text-xs:    0.75rem;    /* 12px */
  --text-sm:    0.875rem;   /* 14px */
  --text-base:  1rem;       /* 16px */
  --text-md:    1.125rem;   /* 18px */
  --text-lg:    1.25rem;    /* 20px */
  --text-xl:    1.5rem;     /* 24px */
  --text-2xl:   2rem;       /* 32px */
  --text-3xl:   2.5rem;     /* 40px */
  --text-4xl:   3rem;       /* 48px */
  --text-5xl:   3.75rem;    /* 60px */

  /* Высота строки */
  --leading-ultra-tight: 0.9;
  --leading-heading:     1.1;
  --leading-tight:       1.2;
  --leading-compact:     1.3;
  --leading-snug:        1.35;
  --leading-loose:       1.4;
  --leading-normal:      1.5;
  --leading-relaxed:     1.65;

  /* Межбуквенный интервал */
  --tracking-heading: -0.03em;   /* основной трекинг заголовков */
  --tracking-tight:   -0.03em;
  --tracking-normal:   0em;
  --tracking-wide:     0.06em;
  --tracking-wider:    0.1em;

  /* Насыщенность шрифта */
  --weight-extralight: 200;
  --weight-light:      300;
  --weight-regular:    400;
  --weight-medium:     500;
  --weight-semibold:   600;
  --weight-bold:       700;

  /* -----------------------------------------
     Отступы — система на основе 4px
     ----------------------------------------- */

  --space-1:    0.25rem;   /*  4px */
  --space-2:    0.5rem;    /*  8px */
  --space-3:    0.75rem;   /* 12px */
  --space-4:    1rem;      /* 16px */
  --space-5:    1.25rem;   /* 20px */
  --space-6:    1.5rem;    /* 24px */
  --space-8:    2rem;      /* 32px */
  --space-10:   2.5rem;    /* 40px */
  --space-12:   3rem;      /* 48px */
  --space-16:   4rem;      /* 64px */
  --space-20:   5rem;      /* 80px */
  --space-24:   6rem;      /* 96px */
  --space-32:   8rem;      /* 128px */

  /* -----------------------------------------
     Лейаут
     ----------------------------------------- */

  /* Ширина контейнера */
  --container-max:   1280px;
  --container-pad:   var(--space-4);   /* горизонтальный padding на мобайле */

  /* Сетка кейсов */
  --grid-cols-mobile:  1;
  --grid-cols-tablet:  2;
  --grid-cols-desktop: 3;
  --grid-gap:          var(--space-6);

  /* -----------------------------------------
     Скругления
     ----------------------------------------- */

  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  /* -----------------------------------------
     Тени
     ----------------------------------------- */

  --shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md:  0 4px 16px rgba(0, 0, 0, 0.10);
  --shadow-lg:  0 8px 32px rgba(0, 0, 0, 0.12);

  /* -----------------------------------------
     Переходы
     ----------------------------------------- */

  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;

  /* -----------------------------------------
     Z-индексы
     ----------------------------------------- */

  --z-base:    0;
  --z-raised:  10;
  --z-overlay: 100;
  --z-modal:   200;
  --z-header:  300;
  --z-toast:   400;

  /* -----------------------------------------
     Fluid type scale — страницы кейсов
     Референс: 1920px
     ----------------------------------------- */

  --text-case-body:           clamp(0.875rem, 1.25vw, 1.5rem);
  --text-case-subtitle:       clamp(0.875rem, 1.667vw, 2rem);
  --text-case-lead:           clamp(1rem, 2.083vw, 2.5rem);
  --text-case-label:          clamp(1.25rem, 2.083vw, 2.5rem);
  --text-case-contact-label:  clamp(1.5rem, 2.083vw, 2.5rem);
  --text-case-heading:        clamp(1.5rem, 3.125vw, 3.75rem);
  --text-case-title:          clamp(1.75rem, 4.167vw, 5rem);
  --text-case-slogan:         clamp(2rem, 4.375vw, 5.25rem);

  /* Fluid type scale — главная страница */

  --text-hero-title: clamp(2.5rem, 9.72vw, 140px);
  --text-cta-title:  clamp(3rem, 15vw, 140px);

  /* -----------------------------------------
     Система заголовков
     ----------------------------------------- */

  /*
    Страницы кейсов:
    H1  → --text-case-title         (linea-hero__title)
    H2  → --text-case-slogan        (linea-slogan__title — декоративно крупнее H1)
    H2  → --text-case-heading       (linea-contacts__heading)
    H2  → --text-case-label         (linea-creation__heading, linea-understanding__heading)
    H3  → --text-case-label         (linea-overview__label)
    H4  → --text-case-contact-label (linea-contacts__label, linea-creation__item-label)

    Главная страница:
    H1  → intro-block__title (120px / clamp мобайл)
    H2  → cases__title, cta-section__title (статические px)
  */

}

/* -----------------------------------------
   Брейкпоинты — только для документации,
   используются в media-queries в main.css
   375px  — мобайл (default)
   768px  — планшет
   1440px — десктоп
   ----------------------------------------- */