body{margin:0;padding:0;font-family:"Inter", sans-serif;}
a{color:inherit;}
*,*::before,*::after{box-sizing:border-box;}
:root {
  --surface-muted: #FFFFFF;
  --surface-dark: #262824;
  --surface-inverse: #6E7A4F;
  --surface-accent: #262824;
  --type-strong: 22px;
  --copy-small: 38px;
  --line-primary: #D8D5CB;
  --line-accent: #3A3B36;
  --paint-primary: #262824;
  --tone-extra-13: #F7F6F1;
  --line-muted: #F7F6F1;
  --line-secondary: #F7F6F1;
  --paint-secondary: #262824;
  --lift-button: 0 1px 2px rgba(38, 40, 36, 0.06);
  --line-strong: #F7F6F1;
  --radius-extra-25: 0.55rem;
  --depth-strong: 0 6px 18px rgba(38, 40, 36, 0.08);
  --curve-round: 0.8rem;
  --type-nav: 56px;
  --tone-extra-18: #ECEAE2;
  --surface-main: linear-gradient(135deg, #F7F6F1 0%, #ECEAE2 55%, #E2E0D6 100%);
  --paint-card: #262824;
  --radius-panel: 1.1rem;
  --paint-accent: linear-gradient(135deg, #6E7A4F 0%, #5A6640 100%);
  --corner-small: 0.3rem;
  --surface-deep: #8A9463;
  --type-quiet: 24px;
}