/* ============================================================
   AERO Lifts — CSS Variables & Base Reset
   A MESI Group Company · Est. 2023
   ============================================================ */

:root {
  /* Brand Colors */
  --orange:      #FF4D00;
  --orange-dim:  #cc3d00;

  /* Backgrounds */
  --black:       #080808;
  --dark:        #0f0f0f;
  --charcoal:    #1a1a1a;
  --steel:       #2a2a2a;
  --metal:       #3a3a3a;

  /* Text */
  --silver:      #888888;
  --light:       #cccccc;
  --white:       #f0f0f0;

  /* Accents */
  --gold:        #c8a96e;
  --copper:      #b87333;

  /* Typography */
  --font-display:  'Bebas Neue', sans-serif;
  --font-body:     'Barlow', sans-serif;
  --font-label:    'Barlow Condensed', sans-serif;

  /* Spacing scale */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   40px;
  --space-2xl:  60px;
  --space-3xl:  100px;

  /* Transitions */
  --ease-smooth:  cubic-bezier(0.4, 0, 0.2, 1);
  --ease-lift:    cubic-bezier(0.77, 0, 0.18, 1);
  --transition:   0.3s var(--ease-smooth);
}

/* ── Reset ── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--black);
  color: var(--white);
  font-family: var(--font-body);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Custom cursor only on true pointer devices — not touch screens */
@media (pointer: fine) {
  body { cursor: none; }
}

img, svg {
  display: block;
  max-width: 100%;
}

button {
  font-family: inherit;
}

a {
  color: inherit;
}