:root {
  color-scheme: light;

  --color-bg-primary: #F6F8F7;
  --color-bg-secondary: #EDF1EF;
  --color-bg-elevated: #FFFFFF;
  --color-surface-hover: #F1F4F2;
  --color-text-primary: #12201D;
  --color-text-secondary: #465651;
  --color-text-tertiary: #5E6C68;
  --color-text-on-accent: #FFFFFF;
  --color-accent: #0E5A50;
  --color-accent-hover: #0A473F;
  --color-accent-muted: #DCEAE6;
  --color-border: #C9D4D0;
  --color-border-subtle: #E2E8E5;
  --color-focus-ring: #0E5A50;
  --color-error: #B42318;
  --color-success: #1D6B47;
  --color-warning: #8A5A00;

  --color-bg-rgb: 246, 248, 247;
  --color-elevated-rgb: 255, 255, 255;
  --color-text-rgb: 18, 32, 29;
  --color-accent-rgb: 14, 90, 80;

  --edge-proximity: 0;
  --cursor-angle: 45deg;
  --edge-sensitivity: 30;
  --color-sensitivity: 50;

  --font-display: 'Noto Serif SC', 'Source Han Serif SC', 'Songti SC', serif;
  --font-body: 'Noto Sans SC', 'Source Han Sans SC', 'Microsoft YaHei', sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, monospace;

  --text-name: clamp(3.5rem, 12vw, 7rem);
  --text-display: clamp(2rem, 4.2vw, 4rem);
  --text-h1: clamp(2.25rem, 4.4vw, 4.5rem);
  --text-h2: clamp(1.625rem, 2.8vw, 2.75rem);
  --text-h3: clamp(1.25rem, 1.8vw, 1.625rem);
  --text-body-lg: clamp(1.0625rem, 1.4vw, 1.25rem);
  --text-body: 1rem;
  --text-body-sm: 0.9375rem;
  --text-caption: 0.8125rem;
  --text-overline: 0.75rem;

  --leading-name: 0.88;
  --leading-display: 1.08;
  --leading-heading: 1.16;
  --leading-body: 1.75;
  --leading-body-sm: 1.65;
  --leading-caption: 1.5;
  --tracking-name: -0.055em;
  --tracking-display: -0.035em;
  --tracking-heading: -0.025em;
  --tracking-body: 0.02em;
  --tracking-label: 0.12em;
  --tracking-caption: 0.04em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.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;
  --space-28: 7rem;
  --space-32: 8rem;

  --grid-columns: 12;
  --grid-gutter: 1.5rem;
  --grid-gutter-mobile: 1rem;
  --grid-margin-mobile: 1.25rem;
  --grid-margin-tablet: 2rem;
  --grid-margin-laptop: 2.5rem;
  --grid-margin-desktop: 3rem;
  --content-max-width: 75rem;
  --nav-max-width: 70rem;
  --text-max-width: 68ch;
  --contact-max-width: 40rem;
  --nav-height: 4rem;
  --nav-height-mobile: 3.5rem;
  --touch-target: 2.75rem;
  --viewport-min-width: 20rem;
  --nav-offset: 1rem;
  --nav-offset-mobile: 0.75rem;
  --section-anchor-offset: 6rem;

  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-pill: 999px;
  --border-width: 1px;
  --underline-width: 0.125rem;
  --focus-width: 0.1875rem;
  --focus-offset: 0.1875rem;
  --nav-blur: 14px;
  --nav-bg-alpha: 0.86;
  --nav-bg-alpha-scrolled: 0.94;
  --disabled-opacity: 0.5;
  --media-hover-scale: 1.015;
  --exterior-object-y: 22%;
  --shadow-sm: 0 0.5rem 1.5rem rgba(var(--color-text-rgb), 0.07);
  --shadow-md: 0 1.125rem 3rem rgba(var(--color-text-rgb), 0.10);
  --shadow-focus: 0 0 0 0.1875rem var(--color-accent-muted);

  --motion-duration-fast: 160ms;
  --motion-duration: 260ms;
  --motion-duration-slow: 420ms;
  --motion-delay-portrait: 80ms;
  --motion-distance: 0.5rem;
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);

  --z-nav: 100;
  --z-skip-link: 200;
}