:root {
  --orange-500: #FF7A2D;
  --orange-400: #FF8F4F;
  --orange-600: #E85F12;
  --navy-deep:  #2A3168;
  --peach:      #FFD2B3;

  --space-0:    #06061A;
  --space-1:    #0F0B2E;
  --space-2:    #1B1448;
  --space-3:    #2A1B5E;

  --neb-purple: #6B3AB8;
  --neb-pink:   #C24F9E;
  --neb-blue:   #2E5BB8;
  --neb-cyan:   #4AB7D8;

  --star-white: #FFFFFF;
  --star-warm:  #FFE9B0;
  --star-cool:  #C4DBFF;
  --star-pink:  #FFC0E0;

  --ink:        #F5F2FF;
  --ink-soft:   rgba(245, 242, 255, 0.78);
  --ink-faint:  rgba(245, 242, 255, 0.55);

  --glass-bg:   rgba(255, 255, 255, 0.08);
  --glass-bd:   rgba(255, 255, 255, 0.18);
  --glass-bg-2: rgba(255, 255, 255, 0.14);

  --line-green: #06C755;

  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  --gap-2: 6px;
  --gap-3: 10px;
  --gap-4: 14px;
  --gap-5: 20px;
  --gap-6: 28px;

  --pad-page-x: clamp(16px, 5vw, 28px);

  --text-2xs: 10px;
  --text-xs: clamp(11px, 2.6vw, 12px);
  --text-sm: clamp(12px, 3vw, 14px);
  --text-md: clamp(14px, 3.6vw, 16px);
  --text-lg: clamp(16px, 4.2vw, 18px);
  --text-xl: clamp(20px, 5.4vw, 24px);
  --text-2xl: clamp(22px, 6vw, 28px);

  --dur-fast:   180ms;
  --dur-normal: 320ms;
  --ease-pop:   cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);

  --shadow-pop: 0 6px 0 rgba(0, 0, 0, 0.18), 0 12px 24px rgba(0, 0, 0, 0.25);
  --shadow-soft: 0 8px 28px rgba(0, 0, 0, 0.35);

  --font-jp: "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;
}