:root {
  --night: #0c0a14;
  --night-deep: #07050c;
  --velvet: #181222;
  --velvet-glass: rgba(24, 18, 34, 0.86);
  --ivory: #f6ecd6;
  --ivory-mid: #ddd1b8;
  --ivory-sub: #b8ac93;
  --gold: #e6c46f;
  --gold-bright: #f3d488;
  --gold-deep: #b08a3e;
  --gold-line: rgba(230, 196, 111, 0.28);
  --gold-line-strong: rgba(230, 196, 111, 0.6);
  --crimson: #e8475f;
  --crimson-deep: #7a1428;
  --crimson-glow: rgba(160, 26, 52, 0.18);
  --beam: rgba(230, 196, 111, 0.05);
  --on-gold: #1c1018;

  --font-head: "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-en: "Cinzel", "Shippori Mincho B1", serif;
  --font-body: "M PLUS 1p", sans-serif;

  --fs-thesis: clamp(26px, 2.5vw, 38px);
  --fs-h2: clamp(26px, 2.8vw, 38px);
  --fs-h3: clamp(18px, 1.5vw, 21px);
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;
  --lh: 1.85;

  --sp-1: 6px;
  --sp-2: 12px;
  --sp-3: 20px;
  --sp-4: clamp(28px, 3vw, 44px);
  --sp-5: clamp(64px, 8vw, 128px);
  --cut: 12px;
  --page-gutter: max(clamp(16px, 4vw, 56px), calc((100% - 1240px) / 2));

  --note-tap: #7fe7ff;
  --note-hold: #ffd166;
  --note-flick: #ff6bd6;
  --note-slide: #6dff9e;
  --note-mash: #ff9248;
  --note-circle: #fff3a0;
  --note-spread: #ffffff;

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --press: 120ms;
  --arch-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 18'%3E%3Cpath d='M1 18V8C1 5 3 2.5 5.5 1 8 2.5 10 5 10 8v10' fill='none' stroke='%23e6c46f' stroke-width='1.2'/%3E%3C/svg%3E");
  --diamond: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0 10 5 5 10 0 5z' fill='%23e6c46f'/%3E%3C/svg%3E");

  color-scheme: dark;
}