/* ============================================================
   Media Point — дизайн-токены
   Меняете цвет/шрифт/скругление здесь — меняется весь сайт.
   ============================================================ */

:root {
  /* --- Цвета --- */
  --bg:            #070707;   /* Vampire Black  — основной фон   */
  --bg-soft:       #0d0b0e;   /*                 — мягкие блоки  */
  --surface:       #171319;   /* Raisin Black   — карточки       */
  --surface-2:     #211a24;   /*                 — карточки+     */
  --glass:         rgba(255, 255, 255, .045);
  --glass-strong:  rgba(255, 255, 255, .075);
  --stroke:        rgba(255, 255, 255, .09);
  --stroke-strong: rgba(255, 255, 255, .16);

  --text:          #f1f1f1;   /* Anti-Flash White */
  --text-dim:      #b9b6bb;
  --muted:         #9e9e9e;   /* Spanish Gray */
  --granite:       #635766;   /* Granite Gray */

  --accent:        #ed1c24;   /* Brand Red — из логотипа Media Point */
  --accent-soft:   #ff6b6b;   /* Coral Red */
  --accent-deep:   #8a0e12;
  --accent-glow:   rgba(237, 28, 36, .35);

  /* Светлые (инверсные) блоки */
  --light:         #f1f1f1;
  --light-2:       #e6e4e7;
  --on-light:      #0f0d10;
  --on-light-dim:  #565060;

  /* --- Типографика --- */
  --font: 'DM Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --h1:  clamp(2.75rem, 7.4vw, 8.125rem);   /* 44 → 130 */
  --h2:  clamp(2rem,   4.6vw, 4.375rem);    /* 32 → 70  */
  --h3:  clamp(1.5rem, 2.6vw, 2.75rem);     /* 24 → 44  */
  --h4:  clamp(1.25rem, 1.7vw, 1.875rem);   /* 20 → 30  */
  --h5:  clamp(1.0625rem, 1.1vw, 1.25rem);  /* 17 → 20  */
  --body: clamp(0.9375rem, 1vw, 1.0625rem); /* 15 → 17  */
  --small: 0.8125rem;                       /* 13       */
  --tiny:  0.6875rem;                       /* 11       */

  /* --- Геометрия --- */
  --r-xs:   10px;
  --r-sm:   14px;
  --r-card: 24px;
  --r-lg:   32px;
  --r-xl:   40px;
  --r-pill: 999px;

  --container: 1320px;
  --gutter: clamp(1rem, 4vw, 3rem);
  --section-y: clamp(4.5rem, 9vw, 10rem);

  /* --- Движение --- */
  --ease:      cubic-bezier(.22, 1, .36, 1);
  --ease-soft: cubic-bezier(.4, 0, .2, 1);
  --t-fast: .22s;
  --t-mid:  .45s;
  --t-slow: .9s;

  /* --- Тени / свечение --- */
  --shadow-card: 0 24px 60px -30px rgba(0, 0, 0, .9);
  --shadow-lift: 0 32px 80px -32px rgba(0, 0, 0, .95);
  --glow-accent: 0 0 0 1px rgba(237, 28, 36, .35), 0 24px 70px -28px var(--accent-glow);
}