/* ================================================
   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;
}