/* WhiteHomeClean · Garden palette · shared design tokens */
:root {
  color-scheme: light;
  --color-paper: oklch(97.4% 0.009 101);
  --color-white: oklch(99.2% 0.004 101);
  --color-sage: oklch(93.2% 0.018 133);
  --color-note: oklch(95.3% 0.017 102);
  --color-ink: oklch(27.2% 0.018 164);
  --color-muted: oklch(46.4% 0.02 155);
  --color-rule: oklch(84.8% 0.018 137);
  --color-input-rule: oklch(57.5% 0.02 148);
  --color-accent: oklch(38.3% 0.052 164);
  --color-accent-hover: oklch(31% 0.041 164);
  --color-accent-ink: var(--color-white);
  --color-focus: oklch(53% 0.11 63);
  --color-error: oklch(42% 0.14 27);
  --color-selection: oklch(88% 0.037 139);
  --color-transparent: transparent;
  --font-display: "WhiteHome Serif", "AppleMyungjo", "Batang", serif;
  --font-body: "WhiteHome Sans", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 7rem;
  /* Compact content rhythm; control insets and page gutters use the base spacing. */
  --content-spacing-scale: 0.49;
  --content-space-2xs: calc(var(--space-2xs) * var(--content-spacing-scale));
  --content-space-xs: calc(var(--space-xs) * var(--content-spacing-scale));
  --content-space-sm: calc(var(--space-sm) * var(--content-spacing-scale));
  --content-space-md: calc(var(--space-md) * var(--content-spacing-scale));
  --content-space-lg: calc(var(--space-lg) * var(--content-spacing-scale));
  --content-space-xl: calc(var(--space-xl) * var(--content-spacing-scale));
  --content-space-2xl: calc(var(--space-2xl) * var(--content-spacing-scale));
  --content-space-3xl: calc(var(--space-3xl) * var(--content-spacing-scale));
  --content-space-4xl: calc(var(--space-4xl) * var(--content-spacing-scale));
  --content-space-5xl: calc(var(--space-5xl) * var(--content-spacing-scale));
  --text-small: 0.875rem;
  --text-body: 1.0625rem;
  --text-large: 1.25rem;
  --text-title: clamp(1.875rem, 2.6vw + 0.5rem, 2.625rem);
  --text-display: clamp(2.125rem, 4.6vw + 0.5rem, 4rem);
  --rule-thin: 1px;
  --radius-button: 0.5rem;
  --radius-input: 0.25rem;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 180ms;
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 200;
  --page-gutter: clamp(1rem, 4vw, 3.5rem);
  --page-width: 75rem;
}