/* =====================================================
   SMART GATES — Design Tokens
   Графитово-антрацитовая палитра
   ===================================================== */

:root {
  /* --- Graphite Scale --- */
  --c-graphite-950: #0F1114;
  --c-graphite-900: #181C21;
  --c-graphite-800: #232830;
  --c-graphite-700: #303843;
  --c-graphite-600: #424D5C;
  --c-graphite-500: #596270;
  --c-graphite-400: #7C8896;
  --c-graphite-300: #A4ADB8;
  --c-graphite-200: #CDD3DA;
  --c-graphite-100: #E8EAED;
  --c-graphite-50:  #F4F5F7;

  /* --- Brand Accent (Amber/Forge) --- */
  --c-accent:       #E07B1C;
  --c-accent-dark:  #C26614;
  --c-accent-light: #F49B47;
  --c-accent-bg:    #FEF3E2;

  /* --- Semantic --- */
  --c-bg:           #F4F5F7;
  --c-surface:      #FFFFFF;
  --c-surface-2:    #F9FAFB;
  --c-border:       #E0E3E8;
  --c-border-dark:  #C5CBD4;

  --c-text-primary:   #181C21;
  --c-text-secondary: #424D5C;
  --c-text-muted:     #7C8896;
  --c-text-on-dark:   #F4F5F7;
  --c-text-on-accent: #FFFFFF;

  /* --- Shadows --- */
  --shadow-xs: 0 1px 3px rgba(15,17,20,.06), 0 1px 2px rgba(15,17,20,.04);
  --shadow-sm: 0 2px 8px rgba(15,17,20,.08), 0 1px 3px rgba(15,17,20,.06);
  --shadow-md: 0 4px 16px rgba(15,17,20,.10), 0 2px 6px rgba(15,17,20,.06);
  --shadow-lg: 0 8px 32px rgba(15,17,20,.12), 0 4px 12px rgba(15,17,20,.08);
  --shadow-xl: 0 16px 48px rgba(15,17,20,.16), 0 6px 20px rgba(15,17,20,.10);

  /* --- Spacing Scale --- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;

  /* --- Border Radius --- */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* --- Typography --- */
  --font-heading: 'Lexend', 'Inter', system-ui, sans-serif;
  --font-body:    'Source Sans 3', 'Inter', system-ui, sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;

  /* --- Transitions --- */
  --transition-fast:   150ms ease;
  --transition-base:   200ms ease;
  --transition-slow:   300ms ease;

  /* --- Z-Index --- */
  --z-dropdown:  10;
  --z-sticky:    20;
  --z-overlay:   30;
  --z-modal:     50;
}