/* Japan Direct Motors — CSS Design Tokens */

:root {
  /* ── Colors ── */
  --bg-primary:  #100E0E;
  --bg-mid:      #1A1515;
  --bg-light:    #F5F0EC;
  --accent-red:  #CC2020;
  --accent-gold: #D4A017;
  --text:        #FFFFFF;
  --muted:       #9A9A9A;
  --text-dark:   #1A1515;

  /* ── Typography ── */
  --font-heading: 'Bebas Neue', sans-serif;
  --font-sub:     'Barlow Condensed', sans-serif;
  --font-body:    'Inter', sans-serif;

  /* ── Spacing scale ── */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  8rem;

  /* ── Layout ── */
  --container-max: 1280px;
  --nav-height:    72px;

  /* ── Transitions ── */
  --ease:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-fast: cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 250ms var(--ease-fast);
}