/* CT — design tokens · single source: DESIGN.md (v0.3, white gallery + pyramid + refraction) */
:root {
  /* Colors */
  --color-wall: #f4f4f2;
  --color-ink: #131313;
  --color-ink-soft: rgba(19, 19, 19, 0.55);
  --color-facet-1: #ffffff;
  --color-facet-2: #efefec;
  --color-facet-3: #e6e6e2;
  --color-facet-4: #dededa;
  --color-hairline: #d9d9d5;
  --gradient-refraction: linear-gradient(100deg,
    rgba(250, 203, 14, 0) 6%,
    rgba(250, 203, 14, 0.13) 30%,
    rgba(240, 107, 168, 0.11) 50%,
    rgba(120, 186, 230, 0.14) 70%,
    rgba(255, 255, 255, 0) 94%);

  /* Typography — CJK families must precede generic families for per-glyph fallback */
  --font-ui: 'Inter', 'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', ui-sans-serif, system-ui, sans-serif;
  --font-serif: 'Instrument Serif', 'Songti SC', serif; /* the CT. signature only */

  --text-display: clamp(44px, 6vw, 84px);
  --leading-display: 1.0;
  --tracking-display: -0.02em;
  --text-heading: clamp(26px, 3vw, 36px);
  --text-body: 16px;
  --leading-body-zh: 1.9;
  --leading-body-en: 1.6;
  --text-label: 11px;
  --tracking-label: 0.12em;
  --text-plaque: 12px;

  --font-weight-regular: 400; /* the only weight */

  /* Spacing */
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --space-50: 200px;

  /* Layout */
  --page-max-width: 1280px;
  --section-gap: 160px;
  --exhibit-padding: 64px;

  /* Radius */
  --radius-surface: 0px;
  --radius-link: 8px;

  /* Motion — slow and elegant */
  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-ui: 400ms;
  --duration-pyramid: 64s;
  --duration-refraction-in: 250ms;
  --duration-refraction-out: 1500ms;
}