/* Studio Auvia: a single source for typography, color, spacing and grid. */
@font-face {
  font-family: "Auvia Sans";
  src: url("../fonts/AuviaSans.woff2?ver=20260913") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-sans: "Auvia Sans", "Pretendard Variable", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --color-paper: #fff;
  --color-ink: #151515;
  --color-muted: #656565;
  --color-line: #d9d9d6;
  --color-soft: #f3f3f0;
  --color-accent: #334bd3;
  --color-error: #ad291e;
  --text-min: .875rem;
  --text-caption: .9375rem;
  --text-body: 1.125rem;
  --text-lead: clamp(1.3125rem, 1rem + 1vw, 1.75rem);
  --text-statement: clamp(1.75rem, 1.1rem + 2.05vw, 3.125rem);
  --text-heading: clamp(2.5rem, 1.1rem + 4vw, 5.5rem);
  --text-hero: clamp(2.625rem, 1.1rem + 4.4vw, 6.25rem);
  --line-body: 1.75;
  --line-heading: 1.22;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 9rem;
  --section-space: clamp(4.5rem, 8vw, 9rem);
  --grid-columns: 12;
  --grid-gap: clamp(.75rem, 1.1vw, 1.5rem);
  --page-gutter: clamp(1.25rem, 3.75vw, 4.75rem);
  --page-max: 120rem;
  --header-height: 4rem;
  --z-header: 20;
  --z-menu: 30;
  --z-skip: 40;
  word-break: keep-all;
}
@media (max-width: 600px) {
  :root {
    --text-body: 1.0625rem;
    --line-body: 1.8;
    --header-height: 3.75rem;
    --page-gutter: 1.25rem;
    --section-space: 4.5rem;
  }
}