/* ==========================================================================
   SPACING — Lamborghini Design System
   Base unit 8px. Darkness is the whitespace — generous black expanses.
   ========================================================================== */

:root {
  /* --- Fine adjustments ---------------------------------------------- */
  --space-2: 2px;
  --space-4: 4px;
  --space-5: 5px;

  /* --- Core scale ----------------------------------------------------- */
  --space-8: 8px;    /* base unit */
  --space-10: 10px;
  --space-12: 12px;
  --space-15: 15px;
  --space-16: 16px;  /* ghost-button padding */
  --space-20: 20px;
  --space-24: 24px;  /* gold-CTA padding */
  --space-32: 32px;
  --space-40: 40px;  /* section horizontal padding */
  --space-48: 48px;  /* section vertical padding */
  --space-56: 56px;  /* section vertical padding (desktop) */

  /* --- Semantic aliases ---------------------------------------------- */
  --pad-btn-ghost: var(--space-16);
  --pad-btn-gold: var(--space-24);
  --section-pad-y: var(--space-56);
  --section-pad-x: var(--space-40);

  /* --- Layout / containers ------------------------------------------- */
  --container-max: 1440px;   /* largest breakpoint */
  --content-max: 1200px;     /* centered content areas */

  /* ====================================================================
     BORDER RADIUS — sharp by decree. 0px is the default for everything.
     ==================================================================== */
  --radius-none: 0px;    /* buttons, cards, containers, images */
  --radius-hair: 1px;    /* subtle span elements */
  --radius-badge: 2px;   /* badges, close buttons, cookie elements */
  --radius-switch: 20px; /* toggle switches ONLY — the sole rounded element */
}
