:root {
  color-scheme: light;

  --color-ink: #1a1714;
  --color-deep-sea: #493c32;
  --color-sea: #9a4f22;
  --color-sky: #f6e7d3;
  --color-mist: #fbf8f0;
  --color-sand: #efe6d6;
  --color-tangerine: #f28c28;
  --color-tangerine-ink: #1b1208;
  --color-memory-bg: #1a1714;
  --color-memory-text: #f5ecdd;
  --color-memory-warm: #f3c58a;
  --color-surface: #ffffff;
  --color-line: color-mix(in srgb, var(--color-ink) 12%, transparent);
  --color-line-strong: color-mix(in srgb, var(--color-deep-sea) 24%, transparent);
  --color-soft-sea: color-mix(in srgb, var(--color-sea) 10%, var(--color-mist));
  --color-soft-sky: color-mix(in srgb, var(--color-sky) 22%, var(--color-mist));
  --color-focus: var(--color-deep-sea);

  --home-bg: #fbf8f0; /* 한지 크림, 60% */
  --home-beige: #efe6d6; /* 모래색 */
  --home-ink: #1a1714; /* 현무암 먹 */
  --home-body: rgba(26, 23, 20, .74);
  --home-light: #fbf8f0;
  --home-overlay: rgba(0, 0, 0, .4);
  --home-accent: #f28c28;
  --home-accent-ink: #1b1208;
  --home-divider: rgba(26, 23, 20, .16);

  --font-body: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  --font-display: "Noto Serif KR", "Batang", serif;
  --font-zh: "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-ja: "Noto Sans JP", "Yu Gothic", sans-serif;

  --text-display: clamp(3rem, 7vw, 5.75rem);
  --text-h1: clamp(2.5rem, 5vw, 4.5rem);
  --text-h2: clamp(2rem, 3.8vw, 3.5rem);
  --text-h3: clamp(1.375rem, 2vw, 1.75rem);
  --text-lead: clamp(1.125rem, 1.6vw, 1.375rem);
  --text-body: 1rem;
  --text-small: .875rem;
  --text-eyebrow: .75rem;

  --leading-display: 1.04;
  --leading-h1: 1.08;
  --leading-h2: 1.14;
  --leading-h3: 1.3;
  --leading-lead: 1.7;
  --leading-body: 1.72;
  --leading-small: 1.55;

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .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;

  --content-max: 75rem;
  --measure: 42rem;
  --gutter: clamp(1.25rem, 4.5vw, 3.5rem);
  --control-min: 3rem;
  --mobile-cta-height: 3.5rem;
  --line: 1px;
  --radius: .875rem;
  --radius-round: 999px;
  --shadow-1: 0 1.125rem 2.8125rem rgba(26, 23, 20, .16);

  --t-fast: 200ms;
  --t-mid: 400ms;
  --t-slow: 800ms;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --reveal-distance: 1.5rem;

  --home-side: 3vw;
  --home-side-mobile: 21.12px;
  --home-grid-gap: .5rem;
  --home-section-space-wide: 10rem;
  --home-section-space-desktop: 8.8rem;
  --home-section-space-mobile: 7.04rem;
  --home-header-logo-width: 7.5rem;
  --home-header-logo-width-mobile: 6.25rem;
  --home-header-height: 3.25rem;
  --home-body-desktop: 1.25rem;
  --home-body-mobile: 1.125rem;
  --home-h3-desktop: 2.75rem;
  --home-h3-mobile: 2rem;
  --home-ease: cubic-bezier(.4, .5, .1, 1);
  --home-menu-ease: cubic-bezier(.77, 0, .175, 1);

  --z-header: 20;
  --z-mobile-cta: 30;
}

:lang(zh-Hans) {
  --font-body: var(--font-zh);
  --font-display: "Songti SC", "STSong", serif;
}

:lang(ja) {
  --font-body: var(--font-ja);
  --font-display: "Yu Mincho", "Hiragino Mincho ProN", serif;
}