:root {
  /* ── Colors ── */
  --color-bg:           #0e0a05;
  --color-bg-section:   #130d07;
  --color-bg-card:      #1c1209;
  --color-bg-card-alt:  #241810;

  --color-accent:       #e85d04;
  --color-accent-light: #ff7a24;
  --color-accent-dark:  #c44d00;

  --color-holi-purple:  #8b5cf6;
  --color-holi-pink:    #ec4899;
  --color-holi-yellow:  #fbbf24;
  --color-holi-green:   #10b981;
  --color-holi-blue:    #38bdf8;

  --color-text:         #f0ebe0;
  --color-text-muted:   #a09080;
  --color-text-dim:     #6e5840;

  --color-border:       rgba(255, 240, 210, 0.08);
  --color-border-accent: rgba(232, 93, 4, 0.4);

  /* ── Typography ── */
  --font-display:      'Anton', 'Bebas Neue', 'Impact', sans-serif;
  --font-body:         'Noto Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif;
  --font-accent:       'Space Grotesk', 'Helvetica Neue', sans-serif;
  --font-handwritten:  'Caveat', 'Comic Sans MS', cursive;

  /* ── Font sizes (fluid) ── */
  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-5xl:   3rem;
  --text-6xl:   3.75rem;
  --text-7xl:   4.5rem;
  --text-8xl:   6rem;

  /* ── Spacing ── */
  --space-1:    0.25rem;
  --space-2:    0.5rem;
  --space-3:    0.75rem;
  --space-4:    1rem;
  --space-5:    1.25rem;
  --space-6:    1.5rem;
  --space-8:    2rem;
  --space-10:   2.5rem;
  --space-12:   3rem;
  --space-16:   4rem;
  --space-20:   5rem;
  --space-24:   6rem;
  --space-32:   8rem;

  /* ── Layout ── */
  --container-max: 1200px;
  --container-wide: 1400px;
  --section-padding: var(--space-20) var(--space-6);

  /* ── Radius ── */
  --radius-sm:  0.25rem;
  --radius-md:  0.5rem;
  --radius-lg:  1rem;
  --radius-xl:  1.5rem;
  --radius-full: 9999px;

  /* ── Shadows ── */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.5);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.6);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.7);
  --shadow-accent: 0 0 24px rgba(232, 93, 4, 0.35);

  /* ── Transitions ── */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;

  /* ── Z-index ── */
  --z-nav:     100;
  --z-sticky:  200;
  --z-overlay: 300;

  /* ── Decoration ── */
  --tape-yellow:    rgba(255, 217, 61, 0.85);
  --tape-orange:    rgba(232, 93, 4, 0.75);
  --tape-cream:     rgba(245, 239, 230, 0.9);
  --polaroid-bg:    #f5ede0;
  --polaroid-shadow: 4px 8px 24px rgba(0, 0, 0, 0.6);
  --sticky-yellow:  #fef08a;
  --sticky-orange:  #fdba74;

  /* ====================================
     時間帯別カラーパレット
     ==================================== */

  /* 夜（HERO・CONCEPT・TICKET・FOOTER） */
  --night-bg:          #0a0805;
  --night-bg-soft:     #1a1410;
  --night-accent:      #ff6b1c;
  --night-ember:       #ffb347;
  --night-text:        #f5efe6;
  --night-text-muted:  rgba(245, 239, 230, 0.7);
  --night-border:      rgba(255, 107, 28, 0.2);

  /* 朝（A DAY MORNING） */
  --morning-bg:        #fdf6e3;
  --morning-bg-soft:   #fff9ed;
  --morning-accent:    #ff8c42;
  --morning-text:      #2a1810;
  --morning-text-muted: rgba(42, 24, 16, 0.7);
  --morning-border:    rgba(255, 140, 66, 0.3);

  /* 昼（A DAY DAYTIME） */
  --day-bg:            #fff9e6;
  --day-accent-pink:   #ff3d8b;
  --day-accent-yellow: #ffd93d;
  --day-accent-blue:   #3d9cff;
  --day-accent-green:  #4fd17c;
  --day-text:          #1a1a1a;
  --day-text-muted:    rgba(26, 26, 26, 0.7);

  /* 夕方（A DAY EVENING） */
  --evening-bg:        #3d1e0f;
  --evening-bg-soft:   #4a2c1a;
  --evening-accent:    #ff7e3d;
  --evening-text:      #faf5e6;
  --evening-text-muted: rgba(250, 245, 230, 0.7);
}