/* ═══════════════════════════════════════════════════════════════════
   TOKENS — sarahotomotive.com
   Tema: "Katalog Petualangan Sticker-Zine" · iCAR V23 "Born to Play"
   Palet dari warna resmi V23 Indonesia + aksen ASCO.
   ═══════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('../fonts/bricolage-var.woff2') format('woff2');
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/jakarta-var.woff2') format('woff2');
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../fonts/plexmono-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../fonts/plexmono-600.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

:root {
  /* — Warna inti (dari palet resmi V23 Indonesia) — */
  --orange:      #DC5415;  /* Warm Orange — hero color resmi V23 */
  --orange-dk:   #B84210;
  --orange-soft: #F4C4A8;
  --stone:       #5C615F;  /* Stone Green */
  --stone-dk:    #434745;
  --khaki:       #D9D6CB;  /* White Howlite (disesuaikan hangat) */
  --ink:         #292824;  /* Black Platinum — teks & garis */
  --ink-70:      rgba(41, 40, 36, .7);
  --ink-40:      rgba(41, 40, 36, .4);

  /* — Latar — */
  --cream:       #F7F1E2;  /* latar utama */
  --paper:       #FDFAF2;  /* kartu */
  --sand:        #EFE6CF;  /* blok selang-seling */

  /* — Aksen dealer & aksi — */
  --asco-red:    #C41500;  /* ASCO — badge dealer resmi & urgensi */
  --asco-maroon: #780016;
  --wa:          #25D366;  /* khusus tombol WhatsApp */
  --wa-dk:       #1DA851;

  /* — Warna bodi mobil (diubah color-picker via JS) — */
  --car:    #DC5415;
  --car-dk: #A83D0C;

  /* — Tipografi — */
  --f-display: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif;
  --f-body:    'Plus Jakarta Sans', system-ui, sans-serif;
  --f-mono:    'IBM Plex Mono', ui-monospace, monospace;

  /* — Bentuk & bayangan (rasa stiker) — */
  --r-lg: 22px;
  --r-md: 16px;
  --r-sm: 10px;
  --line: 2px solid var(--ink);
  --pop:     5px 6px 0 rgba(41, 40, 36, .92);
  --pop-sm:  3px 4px 0 rgba(41, 40, 36, .92);
  --pop-or:  6px 7px 0 rgba(220, 84, 21, .9);

  /* — Ritme — */
  --sp: clamp(56px, 9vw, 110px);   /* jarak antar section */
  --pad: clamp(18px, 4vw, 32px);
  --w: 1180px;                      /* lebar konten maks */
}