:root {
  color-scheme: light;
  --paper: #f6f5ef;
  --surface: #fffef9;
  --ink: #242720;
  --muted: #60645a;
  --line: #d8dbd0;
  --accent: #d4f582;
  --accent-hover: #c4e775;
  --accent-ink: #314512;
  --dark: #22261f;
  --dark-raised: #343a30;
  --inverse: #f6f7ef;
  --inverse-muted: #bcc5b4;
  --success: #356633;
  --warning: #795219;
  --warning-bg: #f1e6cf;
  --error: #a43131;
  --info: #1a5c94;
  --transparent: transparent;
  --shadow-ink: #1b211c1a;
  --shadow-deep: #10160b38;
  --backdrop: #10160b80;
  --font-body: "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  --font-display: Georgia, "Apple SD Gothic Neo", serif;
  --font-mono: Menlo, Consolas, monospace;
  --text-display: clamp(5rem, 11vw, 9rem);
  --text-h1: clamp(2.75rem, 4.8vw, 4.5rem);
  --text-h2: clamp(2rem, 3.5vw, 3rem);
  --text-h3: 1.5rem;
  --text-h4: 1.125rem;
  --text-large: 1.25rem;
  --text-body: 1rem;
  --text-small: .875rem;
  --text-caption: .8125rem;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --leading-tight: 1.16;
  --leading-heading: 1.3;
  --leading-body: 1.7;
  --tracking-tight: -.045em;
  --tracking-label: .1em;
  --s0: 0;
  --s1: .25rem;
  --s2: .5rem;
  --s3: .75rem;
  --s4: 1rem;
  --s6: 1.5rem;
  --s8: 2rem;
  --s10: 2.5rem;
  --s12: 3rem;
  --s16: 4rem;
  --s20: 5rem;
  --s24: 6rem;
  --s32: 8rem;
  --radius-small: .5rem;
  --radius-medium: 1rem;
  --radius-large: 1.5rem;
  --radius-pill: 999px;
  --border: 1px;
  --focus-width: 3px;
  --focus-offset: 4px;
  --max-width: 75rem;
  --copy-width: 34rem;
  --touch: 2.75rem;
  --icon: 2.5rem;
  --key-size: 11rem;
  --key-shadow: 0 .5rem 0 #bac1b1, 0 1.5rem 2.5rem var(--shadow-deep), inset 0 2px 0 var(--surface);
  --shadow-small: 0 .25rem .5rem var(--shadow-ink);
  --shadow-panel: 0 1.5rem 4rem var(--shadow-deep);
  --motion-fast: 160ms;
  --motion-slow: 320ms;
  --easing: cubic-bezier(.2, .7, .3, 1);
  --key-tilt: -9deg;
  --dialog-width: 28rem;
  --menu-width: 34rem;
  --overlay-width: 7rem;
  --hero-ratio: 1.1fr 1fr;
  --content-ratio: 1.3fr 1fr;
  --faq-ratio: 1fr 1.3fr;
  --orbit-opacity: .16;
  --orbit-inner: 90%;
  --orbit-outer: 115%;
  --orbit-transform: scaleY(.65) rotate(-25deg);
  --overlay-tilt: 7deg;
  --key-gradient-angle: 145deg;
  --highlight-start: 60%;
  --layer-object: 1;
  --layer-overlay: 2;
  --layer-skip: 5;
}