/* ══════════════════════════════════════════
   CSS VARIABLES — dom-i-krysha.ru
   ══════════════════════════════════════════ */

:root {
  /* Primary — глубокий синий (небо, высота, надёжность) */
  --color-primary-900: #0A1C2E;
  --color-primary-800: #112D47;
  --color-primary-700: #183D5F;
  --color-primary:     #1F4F7A;
  --color-primary-500: #2C6FB8;
  --color-primary-400: #4A90D9;
  --color-primary-300: #7AB4E8;
  --color-primary-200: #B0D4F1;
  --color-primary-100: #E3F2FD;
  --color-primary-50:  #F0F7FE;

  /* Accent — тёплый оранжевый (энергия, CTA, доверие) */
  --color-accent-600: #B8651F;
  --color-accent-500: #D47A2A;
  --color-accent:     #E58A3A;
  --color-accent-300: #F0A860;
  --color-accent-200: #F5C48A;
  --color-accent-100: #FFE8D0;
  --color-accent-50:  #FFF5EB;
  --color-accent-glow: rgba(229, 138, 58, 0.25);

  /* Neutral */
  --color-bg:       #F5F7FA;
  --color-bg-white: #FFFFFF;
  --color-frost:    #EAF0F7;
  --color-ice:      #D8E9F5;

  /* Text */
  --color-text:      #333333;
  --color-text-sec:  #666666;
  --color-text-muted:#8A9AB5;

  /* Border */
  --color-border:      #DDDFE5;
  --color-border-light:#E8ECF2;

  /* Semantic */
  --color-success:    #2E7D32;
  --color-success-bg: #E8F5E9;
  --color-warning:    #F57F17;
  --color-warning-bg: #FFF8E1;
  --color-danger:     #C62828;
  --color-danger-bg:  #FFEBEE;
  --color-info:       #1565C0;
  --color-info-bg:    #E3F2FD;

  /* Typography */
  --font-display: 'Unbounded', sans-serif;
  --font-body:    'Nunito Sans', system-ui, -apple-system, sans-serif;

  /* Spacing */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;

  /* Radius */
  --radius-xs:   6px;
  --radius-sm:   8px;
  --radius-md:  12px;
  --radius-lg:  18px;
  --radius-xl:  24px;
  --radius-2xl: 28px;
  --radius-full:50px;

  /* Shadows */
  --shadow-xs:  0 1px 3px rgba(31,79,122,0.04);
  --shadow-sm:  0 2px 8px rgba(31,79,122,0.06);
  --shadow-md:  0 4px 20px rgba(31,79,122,0.08);
  --shadow-lg:  0 8px 40px rgba(31,79,122,0.10);
  --shadow-xl:  0 20px 60px rgba(31,79,122,0.14);
  --shadow-warm:0 6px 24px rgba(229,138,58,0.25);

  /* Transitions */
  --ease-smooth: cubic-bezier(0.22, 0.61, 0.36, 1);
  --duration-fast: 0.2s;
  --duration-normal: 0.35s;
  --duration-slow: 0.6s;

  /* Layout */
  --max-width: 1360px;
  --header-height: 72px;
}