:root {
  /* Primary palette — industrial & automotive */
  --color-primary: #1e3a5f;      /* Deep steel blue — как кузов premium авто */
  --color-secondary: #c00000;    /* Classic auto red — для акцентов и предупреждений */
  --color-accent: #ffd700;       /* Metallic gold — как хром или значки premium */
  --color-background: #f5f7fa;   /* Светлый холодный фон — как гаражное освещение */
  --color-text: #222222;         /* Чёткий тёмный текст — максимальная читаемость */
  --color-light: #e6eef5;        /* Светло-голубой для фона карточек */
  --color-dark: #0f1c2e;         /* Очень тёмный синий для заголовков */

  /* Grays — промышленные, нейтральные */
  --color-gray-50: #fafbfd;
  --color-gray-100: #f0f4f8;
  --color-gray-200: #d9e2ec;
  --color-gray-300: #b0c4d9;
  --color-gray-600: #5a6b7c;
  --color-gray-700: #3d4b59;
  --color-gray-800: #222222;

  /* Auto-specific accents */
  --color-engine: #1e3a5f;       /* Engine blue */
  --color-brake: #c00000;        /* Brake red */
  --color-eco: #2e7d32;          /* Green — for eco/service tips */
  --color-warning: #ffb300;      /* Orange — for maintenance alerts */

  /* Fonts — прочные, технические */
  --font-primary: 'Open Sans', sans-serif;
  --font-heading: 'Montserrat', sans-serif;
  --font-mono: 'Roboto Mono', monospace;

  /* Layout */
  --max-width: 1200px;
  --sidebar-width: 280px;
  --border-radius: 6px;          /* Меньше округлений — как у техники */
  --spacing: 1.3rem;

  /* Shadows — чёткие, но не агрессивные */
  --shadow-sm: 0 2px 4px rgba(30, 58, 95, 0.12);
  --shadow-md: 0 4px 8px rgba(30, 58, 95, 0.16);
  --shadow-lg: 0 8px 16px rgba(30, 58, 95, 0.2);
  --shadow-xl: 0 12px 24px rgba(30, 58, 95, 0.25);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;
  --transition-slow: 500ms ease;
}