:root {
  /* ============== COLOR ============== */
  --ink:        #060B12;
  --ink-2:      #0B131E;
  --ink-3:      #101C2B;
  --blue:       #1560BD;
  --blue-bright:#3D8BFF;
  --cyan:       #5EEAD4;
  --text:       #E8EDF4;
  --text-dim:   #8A97A8;
  --line:       rgba(255,255,255,.08);
  --white:      #FFFFFF;

  /* Gradients */
  --grad-blue:  linear-gradient(135deg, #1560BD 0%, #3D8BFF 100%);

  /* Glow */
  --glow-blue:  0 0 60px rgba(61,139,255,.25);
  --glow-card:  0 0 40px rgba(61,139,255,.15);

  /* ============== TYPOGRAPHY ============== */
  --font-display: 'Oswald', sans-serif;
  --font-body:    'Noto Sans JP', sans-serif;
  --font-mono:    'Space Grotesk', sans-serif;

  /* ============== SPACING ============== */
  --sp-xs:  0.5rem;
  --sp-sm:  1rem;
  --sp-md:  1.5rem;
  --sp-lg:  2rem;
  --sp-xl:  3rem;
  --sp-2xl: 5rem;
  --sp-3xl: 8rem;

  /* ============== LAYOUT ============== */
  --container:  1200px;
  --header-h:   72px;

  /* ============== RADIUS ============== */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 16px;

  /* ============== TRANSITIONS ============== */
  --ease:   cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 150ms;
  --t-mid:  300ms;
  --t-slow: 600ms;
}