/**
 * KURAFASHION design tokens
 * Runway noir. Bone type, crimson edge, champagne.
 */
:root {
  --kf-ivory: #f0e6dc;
  --kf-warm: #161210;
  --kf-paper: #14110f;
  --kf-sand: #2a2320;
  --kf-taupe: #b5a494;
  --kf-stone: #9a9088;
  --kf-charcoal: #1a1614;
  --kf-black: #0c0a0b;
  --kf-ink: #f0e6dc;
  --kf-burgundy: #e23b4a;
  --kf-champagne: #d4b896;
  --kf-white: #fbf6f0;
  --kf-line: rgba(240, 230, 220, 0.12);
  --kf-line-strong: rgba(240, 230, 220, 0.26);
  --kf-overlay: rgba(12, 10, 11, 0.48);

  --kf-bg: var(--kf-black);
  --kf-text: var(--kf-ivory);
  --kf-muted: var(--kf-stone);

  --kf-sans: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --kf-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;

  --kf-fs-xs: 0.72rem;
  --kf-fs-sm: 0.82rem;
  --kf-fs-md: 1rem;
  --kf-fs-lg: clamp(1.05rem, 1.2vw, 1.15rem);
  --kf-h1: clamp(2.1rem, 6.2vw, 5.4rem);
  --kf-h2: clamp(1.7rem, 3.8vw, 3.1rem);
  --kf-h3: clamp(1.2rem, 2vw, 1.65rem);

  --kf-space-xs: 0.4rem;
  --kf-space-sm: 0.75rem;
  --kf-space-md: 1.25rem;
  --kf-space-lg: 2rem;
  --kf-space-xl: 3.5rem;
  --kf-space-2xl: 5.5rem;
  --kf-space-3xl: 8rem;

  --kf-container: 1240px;
  --kf-container-wide: 1480px;
  --kf-pad: clamp(1.1rem, 3.5vw, 3.25rem);

  --kf-header: 4.5rem;
  --kf-header-scrolled: 3.65rem;

  --kf-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --kf-duration: 0.55s;
  --kf-duration-fast: 0.28s;

  --kf-z-header: 40;
  --kf-z-menu: 50;
  --kf-z-search: 60;
}