/* ============================================================================
   Japan Bike Hub — variables.css  (Design tokens)
   Palette: Matte Black / Electric Blue / Silver
   ============================================================================ */
:root {
  /* Core palette */
  --ink:        #07080a;
  --ink-2:      #0c0e12;
  --ink-3:      #12151b;
  --panel:      #14181f;
  --line:       rgba(255,255,255,.09);
  --line-2:     rgba(255,255,255,.16);

  --silver:     #c8ccd2;
  --silver-dim: #8b929c;
  --white:      #f4f7fb;

  --blue:       #3da9ff;
  --blue-2:     #1e7fff;
  --blue-deep:  #0a4bd1;
  --glow:       rgba(61,169,255,.55);

  /* Semantic */
  --bg:         var(--ink);
  --fg:         var(--white);
  --muted:      var(--silver-dim);
  --accent:     var(--blue);

  /* Gradients */
  --grad-blue:  linear-gradient(120deg, #3da9ff 0%, #1e7fff 50%, #0a4bd1 100%);
  --grad-steel: linear-gradient(160deg, #1a1e26 0%, #0c0e12 100%);
  --grad-glass: linear-gradient(140deg, rgba(255,255,255,.10), rgba(255,255,255,.02));

  /* Typography */
  --font-jp: "Zen Kaku Gothic New", system-ui, sans-serif;
  --font-en: "Space Grotesk", var(--font-jp), sans-serif;

  /* Spacing scale */
  --sp-1: .5rem; --sp-2: 1rem; --sp-3: 1.5rem; --sp-4: 2rem;
  --sp-5: 3.2rem; --sp-6: 5rem; --sp-7: 7.5rem; --sp-8: 10.5rem;

  --radius:   18px;
  --radius-lg: 28px;
  --radius-sm: 10px;

  --shadow:    0 24px 56px -32px rgba(0,0,0,.5);
  --shadow-blue: 0 16px 44px -20px rgba(30,127,255,.32);

  --container: 1320px;
  --ease: cubic-bezier(.19,1,.22,1);
  --ease-2: cubic-bezier(.65,0,.35,1);
}