/* Generated from tokens.json. Reference only until explicitly adopted. */
:root {
  --lg-color-canvas: #F3F0E7;
  --lg-color-ink: #202D25;
  --lg-color-forest: #263D2E;
  --lg-color-bronze: #7B6542;
  --lg-color-mist: #D8D8CB;
  --lg-color-text-secondary: #566055;
  --lg-color-surface: #FFFDF6;
  --lg-color-on-dark: #FAF5E9;
  --lg-color-border-interactive: #68725F;
  --lg-color-focus: #A26C2B;
  --lg-color-success-text: #3C5038;
  --lg-color-success-surface: #E9EDDE;
  --lg-color-warning-text: #715321;
  --lg-color-warning-surface: #F3EAD7;
  --lg-color-error-text: #8B3631;
  --lg-color-error-surface: #F9E6DF;
  --lg-color-info-text: #36566C;
  --lg-color-info-surface: #EAF0F3;
  --lg-font-display: Georgia, 'Times New Roman', serif;
  --lg-font-body: 'Noto Sans', Noto, Arial, sans-serif;
  --lg-fontWeight-body: 400;
  --lg-fontWeight-control: 600;
  --lg-fontWeight-wordmark: 800;
  --lg-fontSize-label: 12px;
  --lg-fontSize-control: 14px;
  --lg-fontSize-body: 16px;
  --lg-fontSize-lead: 20px;
  --lg-space-1: 4px;
  --lg-space-2: 8px;
  --lg-space-3: 12px;
  --lg-space-4: 16px;
  --lg-space-6: 24px;
  --lg-space-8: 32px;
  --lg-space-12: 48px;
  --lg-space-16: 64px;
  --lg-space-24: 96px;
  --lg-layout-content-max: 1232px;
  --lg-layout-wide-max: 1400px;
  --lg-layout-reading-max: 65ch;
  --lg-layout-gutter-mobile: 24px;
  --lg-layout-control-min: 44px;
  --lg-breakpoint-mobile-max: 700px;
  --lg-breakpoint-tablet-max: 1000px;
  --lg-motion-feedback: 160ms;
  --lg-motion-transition: 240ms;
  --lg-motion-reveal: 400ms;
  --lg-motion-easing: cubic-bezier(0.2, 0, 0, 1);
}