/* ISAEV — Design Tokens
   Источник правды: ISAEV_brandbook.md
   ───────────────────────────────────────── */

:root {
  /* ─── Brand Blue ─── */
  --isaev-blue:        #3B6DC8;
  --isaev-blue-light:  #5B84D4;
  --isaev-blue-deep:   #2B4FA8;
  --isaev-blue-mist:   #E8EFFA;

  /* ─── Neutrals ─── */
  --isaev-white:       #FAFAFA;
  --isaev-fog:         #F0F0F0;
  --isaev-stone:       #6B6B6B;
  --isaev-dark:        #1C1C1E;

  /* ─── Warm accents ─── */
  --isaev-linen:       #F0EBE3;
  --isaev-clay:        #C49A7A;
  --isaev-sage:        #8A9E8C;

  /* ─── Aliases (used by current index.html, kept for back-compat) ─── */
  --blue:       var(--isaev-blue);
  --blue-dark:  var(--isaev-blue-deep);
  --blue-mist:  var(--isaev-blue-mist);
  --white:      #F5F5F7;
  --black:      #1D1D1F;
  --gray:       #6E6E73;
  --gray-light: #86868B;
  --divider:    rgba(0,0,0,.08);

  /* ─── Typography ─── */
  --font-serif:   'Cormorant Garamond', 'Times New Roman', serif;
  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-italic:  'Playfair Display', 'Cormorant Garamond', serif;

  /* ─── Layout ─── */
  --container:        1280px;
  --container-narrow: 880px;
  --container-text:   680px;
  --gutter:           clamp(20px, 4vw, 40px);
  --section-pad-y:    clamp(72px, 12vw, 130px);

  /* ─── Radii & shadows ─── */
  --radius-sm: 14px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 980px;

  --shadow-soft:  0 8px 24px rgba(0,0,0,.04);
  --shadow-card:  0 16px 40px rgba(0,0,0,.07);
  --shadow-deep:  0 24px 60px rgba(0,0,0,.12);

  /* ─── Motion ─── */
  --ease-apple: cubic-bezier(.25,.46,.45,.94);
  --ease-out:   cubic-bezier(.16,1,.3,1);
  --dur-fast:   .2s;
  --dur-mid:    .45s;
  --dur-slow:   .7s;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: .01s;
    --dur-mid:  .01s;
    --dur-slow: .01s;
  }
}