/* ============================================================================
   Japan Bike Market — variables.css
   Palette: Black / Orange / White  (light marketplace)
   ============================================================================ */
:root{
  --white:   #ffffff;
  --paper:   #f6f6f4;
  --paper-2: #efefe9;
  --ink:     #14140f;
  --ink-2:   #3a3a34;
  --ink-3:   #6b6b62;
  --orange:  #f0a500;
  --orange-2:#ffb705;
  --orange-deep:#d99200;
  --amber:   #ffb705;
  --line:    #e8e8e8;
  --line-2:  #dcdcdc;
  --ok:      #16a34a;

  --bg: var(--white); --fg: var(--ink); --muted: var(--ink-3); --accent: var(--amber);

  --grad-orange: linear-gradient(100deg,#ffc933,#ffb705 55%,#e0a000);
  --grad-warm: linear-gradient(135deg,#fffaf0,#fff1d6);

  --font-sans: "Montserrat", "Zen Kaku Gothic New", sans-serif;
  --font-jp: "Zen Kaku Gothic New", system-ui, sans-serif;

  --sp-1:.5rem; --sp-2:1rem; --sp-3:1.5rem; --sp-4:2rem; --sp-5:3.2rem; --sp-6:5rem; --sp-7:7rem; --sp-8:9.5rem;
  --radius: 4px;
  --radius-lg: 8px;
  --radius-sm: 3px;
  --container: 1300px;
  --ease: cubic-bezier(.22,1,.36,1);
  --shadow: 0 18px 42px -26px rgba(20,20,15,.18);
  --shadow-sm: 0 6px 18px -12px rgba(20,20,15,.12);
  --shadow-orange: 0 14px 36px -18px rgba(255,106,0,.35);
}