/* e-car RUS — Aurora Engineering. Single source of truth.
   Critique applied: indigo accent, achromatic layered shadows, 2/10/pill radii,
   stronger muted contrast, hairline weight hierarchy, animation timing ladder. */
:root {
  /* Surfaces — depth via layered planes, not shadow pillows */
  --canvas: #FFFFFF;
  --surface: #FFFFFF;
  --surface-raised: #FAFBFC;
  --surface-sunken: #F2F4F7;
  --surface-glass: rgba(255,255,255,0.62);

  /* Ink — bumped muted contrast per critique (#7A828F -> #5E6573) */
  --ink: #16181D;
  --ink-secondary: #434A57;
  --ink-muted: #5E6573;
  --ink-mono: #4F5868;
  --ink-on-accent: #FFFFFF;

  /* Accent — shifted to cool indigo, deeper fills (less "buy me") */
  --accent: #1E48E0;
  --accent-hover: #1A3DC4;
  --accent-press: #142FA0;
  --accent-fill: #15349E;        /* large solid fills — darker */
  --accent-wash: #E9EEFF;
  --accent-wash-soft: #F4F7FF;
  --cyan-hud: #19C6F5;
  --cyan-soft: #8FE0F8;

  /* Lines — three meaningful weights */
  --hairline: #E3E7ED;
  --hairline-strong: #C9D0DA;
  --tick: #9FB4C9;
  --grid-faint: #EAF1F8;

  /* Status */
  --status-online: #15B377;
  --status-online-wash: #E7F6F0;
  --status-warn: #B7791F;
  --status-warn-wash: #FBF3E2;
  --status-error: #D64545;
  --status-error-wash: #FBE9E9;
  --status-idle: #9FB4C9;

  /* Focus */
  --focus-ring: 0 0 0 3px rgba(30,72,224,0.30);

  /* Gradients — restrained */
  --gradient-accent: linear-gradient(135deg,#1E48E0 0%,#19C6F5 120%);
  --gradient-hud-line: linear-gradient(90deg,rgba(30,72,224,0) 0%,#1E48E0 50%,rgba(30,72,224,0) 100%);
  --gradient-canvas: radial-gradient(120% 80% at 80% -10%, #F4F7FF 0%, #FFFFFF 55%);

  /* Radii — 2 / 10 / pill (milled-aluminium precision) */
  --radius-input: 2px;
  --radius-chip: 2px;
  --radius-card: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* Shadows — achromatic, layered, micro-contact (no blue glow) */
  --shadow-flat: 0 0.5px 0 rgba(22,24,29,0.06), 0 1px 2px rgba(22,24,29,0.04);
  --shadow-raised: 0 0.5px 0 rgba(22,24,29,0.08), 0 1px 2px rgba(22,24,29,0.04), 0 12px 24px -8px rgba(22,24,29,0.10);
  --shadow-glass: 0 0.5px 0 rgba(22,24,29,0.06), 0 16px 40px -16px rgba(22,24,29,0.16);
  --shadow-glass-inset: inset 0 1px 0 rgba(255,255,255,0.9);

  /* Spacing — 4px baseline / 8px module */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --space-24: 96px;
  --container: 1200px;

  /* Motion ladder — door-closer asymmetry */
  --ease-in: cubic-bezier(0.7,0,0.84,0);
  --ease-out: cubic-bezier(0.16,1,0.3,1);   /* expo-out, "soft-close" */
  --ease-std: cubic-bezier(0.2,0,0,1);
  --dur-micro: 120ms;
  --dur-ui: 220ms;
  --dur-reveal: 420ms;
  --dur-panel: 520ms;
}