/* ================================================
   BRANDMAKERS — Design Tokens
   Единый источник истины для всего сайта.
   Изменяй здесь — применяется везде.
   ================================================ */

:root {
  /* === Brand Colors === */
  --bm-dark:          #0A0A0A;
  --bm-bg:            #F4F4F4;
  --bm-orange:        #FF4F00;
  --bm-orange-hover:  #E64600;
  --bm-blue:          #0047FF;
  --bm-blue-hover:    #0038CC;
  --bm-white:         #FFFFFF;
  --bm-gray:          #505050;
  --bm-gray-light:    #888888;
  --bm-gray-mid:      #BBBBBB;

  /* === Surfaces & Borders === */
  --bm-border:        rgba(0, 0, 0, 0.08);
  --bm-border-solid:  #E0E0E0;
  --bm-card-bg:       #FFFFFF;
  --bm-dark-card:     #141414;
  --bm-dark-card-2:   #111111;
  --bm-dark-card-3:   #161616;

  /* === Border Radius === */
  --bm-radius-xs:     6px;
  --bm-radius-sm:     8px;
  --bm-radius:        12px;
  --bm-radius-lg:     20px;
  --bm-radius-xl:     28px;
  --bm-radius-2xl:    40px;

  /* === Shadows === */
  --bm-shadow-xs:     0 1px 4px rgba(0, 0, 0, 0.05);
  --bm-shadow-sm:     0 2px 8px rgba(0, 0, 0, 0.06);
  --bm-shadow:        0 8px 24px rgba(0, 0, 0, 0.08);
  --bm-shadow-lg:     0 20px 48px rgba(0, 0, 0, 0.12);
  --bm-shadow-xl:     0 32px 80px rgba(0, 0, 0, 0.16);
  --bm-shadow-orange: 0 8px 32px rgba(255, 79, 0, 0.25);

  /* === Typography === */
  --bm-font-body:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bm-font-heading:  'Unbounded', sans-serif;

  /* === Spacing Scale === */
  --bm-space-2xs:     4px;
  --bm-space-xs:      8px;
  --bm-space-sm:      16px;
  --bm-space-md:      24px;
  --bm-space-lg:      40px;
  --bm-space-xl:      64px;
  --bm-space-2xl:     96px;
  --bm-space-3xl:     128px;

  /* === Layout === */
  --bm-container:     1200px;
  --bm-container-pad: 24px;
  --bm-header-h:      68px;

  /* === Transitions === */
  --bm-ease:          cubic-bezier(0.22, 1, 0.36, 1);
  --bm-ease-in:       cubic-bezier(0.4, 0, 1, 1);
  --bm-ease-out:      cubic-bezier(0, 0, 0.2, 1);
  --bm-dur-fast:      0.15s;
  --bm-dur:           0.25s;
  --bm-dur-slow:      0.45s;
  --bm-dur-enter:     0.55s;

  /* === Z-index === */
  --bm-z-base:        1;
  --bm-z-above:       10;
  --bm-z-header:      100;
  --bm-z-overlay:     150;
  --bm-z-modal:       200;
  --bm-z-toast:       300;

  /* === Homepage aliases (mapped to light theme) === */
  --bg-primary:       var(--bm-bg);
  --bg-card:          var(--bm-card-bg);
  --bg-card-hover:    #EEEEEE;
  --text-primary:     var(--bm-dark);
  --text-secondary:   var(--bm-gray);
  --text-muted:       var(--bm-gray-light);
  --accent-red:       var(--bm-orange);
  --accent-orange:    var(--bm-orange);
  --accent-green:     #16a34a;
  --accent-blue:      var(--bm-blue);
  --accent-purple:    #7C3AED;
  --accent-teal:      #059669;
  --border-dark:      var(--bm-border-solid);
  --gradient-hero:    linear-gradient(135deg, #F4F4F4 0%, #FFFFFF 50%, #F4F4F4 100);
  --pricing-accent:   var(--bm-orange);
}