:root{
  /* JP cyber literacy vibe: deep night + neon ink + sakura ember */
  --bg-0:#070a14;
  --bg-1:#0b1020;
  --surface-0:#0f1630;
  --surface-1:#121b3a;

  --text-0:#eef3ff;
  --text-1:rgba(238,243,255,.78);
  --text-2:rgba(238,243,255,.62);

  --accent:#7c5cff;     /* neon ink */
  --accent-2:#00d6c6;   /* mint signal */
  --accent-3:#ff4da6;   /* sakura ember */
  --line:rgba(255,255,255,.10);

  --shadow: 0 18px 60px rgba(0,0,0,.45);
  --shadow-soft: 0 12px 30px rgba(0,0,0,.28);

  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 12px;

  --container-pad: 1rem;
}

@media (min-width: 992px){
  :root{ --container-pad: 1.5rem; }
}