:root {
  /* ── Colors ─────────────────────── */
  --c-primary:       #1E8DC8;
  --c-primary-dark:  #125F8F;
  --c-primary-light: #5BB8E0;
  --c-accent:        #00B4D8;

  --c-dark:   #080C16;
  --c-dark-2: #111827;
  --c-dark-3: #1F2937;

  --c-text:        #1A1A2E;
  --c-text-sub:    #4A5568;
  --c-text-muted:  #718096;
  --c-text-white:  #FFFFFF;
  --c-text-white-sub: rgba(255, 255, 255, 0.75);
  --c-text-white-muted: rgba(255, 255, 255, 0.5);

  --c-bg:       #FFFFFF;
  --c-bg-soft:  #F7F8FA;
  --c-bg-dark:  #080C16;
  --c-bg-dark2: #111827;

  --c-border:      #E2E8F0;
  --c-border-dark: rgba(255, 255, 255, 0.1);

  /* ── Typography ─────────────────── */
  --font-serif: 'Noto Serif JP', 'Georgia', serif;
  --font-sans:  'Noto Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif;
  --font-en:    'Inter', 'Helvetica Neue', sans-serif;

  --text-2xs: clamp(0.625rem, 0.8vw, 0.7rem);
  --text-xs:  clamp(0.7rem,   1vw,   0.75rem);
  --text-sm:  clamp(0.8rem,   1.2vw, 0.875rem);
  --text-base:clamp(0.875rem, 1.5vw, 1rem);
  --text-md:  clamp(1rem,     1.8vw, 1.125rem);
  --text-lg:  clamp(1.1rem,   2vw,   1.25rem);
  --text-xl:  clamp(1.2rem,   2.5vw, 1.5rem);
  --text-2xl: clamp(1.4rem,   3vw,   2rem);
  --text-3xl: clamp(1.75rem,  4vw,   2.5rem);
  --text-4xl: clamp(2rem,     5vw,   3.25rem);
  --text-5xl: clamp(2.5rem,   6vw,   4.5rem);
  --text-6xl: clamp(3rem,     8vw,   6rem);
  --text-7xl: clamp(3.5rem,   10vw,  8rem);
  --text-8xl: clamp(4.5rem,   12vw,  10rem);

  /* ── 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;
  --space-40: 10rem;
  --space-48: 12rem;

  --section-py:    clamp(5rem,  10vw, 10rem);
  --section-py-lg: clamp(7rem,  14vw, 14rem);

  /* ── Layout ─────────────────────── */
  --container-max:  1200px;
  --container-px:   clamp(1.5rem, 5vw, 4rem);

  /* ── Border radius ───────────────── */
  --radius-sm:   4px;
  --radius:      8px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-xl:   32px;
  --radius-full: 9999px;

  /* ── Shadows ─────────────────────── */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);
  --shadow:    0 4px 6px rgba(0,0,0,.06),  0 2px 4px rgba(0,0,0,.05);
  --shadow-md: 0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.04);
  --shadow-lg: 0 20px 25px rgba(0,0,0,.1),  0 10px 10px rgba(0,0,0,.04);
  --shadow-xl: 0 25px 50px rgba(0,0,0,.15);
  --shadow-blue: 0 8px 30px rgba(30, 141, 200, 0.25);

  /* ── Transitions ─────────────────── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --transition-fast: 150ms var(--ease-in-out);
  --transition:      300ms var(--ease-out);
  --transition-slow: 600ms var(--ease-out);

  /* ── Z-index ─────────────────────── */
  --z-below:   -1;
  --z-base:     0;
  --z-above:    10;
  --z-sticky:   100;
  --z-nav:      9999;
  --z-loading:  10000;

  /* ── Nav ─────────────────────────── */
  --nav-h: 72px;
}