body{margin:0;padding:0;font-family:var(--label-button);box-sizing:border-box;}
*{box-sizing:border-box;}
:root {
  --tone-primary: #EFE6D4;
  --tone-card: #FBF6EC;
  --tone-extra-27: #F7F1E4;
  --depth-button: 0 6px 18px rgba(28, 24, 20, 0.12);
  --shadow-extra-35: 0 1px 2px rgba(28, 24, 20, 0.08);
  --paint-main: #9C4A2F;
  --surface-light: #1C1814;
  --type-body: 1.65;
  --curve-base: 0.55rem;
  --line-strong: #9C4A2F;
  --tone-extra-21: #F4EDE0;
  --type-main: 17px;
  --ink-deep: #1C1814;
  --surface-base: #D9CDB8;
  --type-strong: 22px;
  --line-page: #FBF6EC;
  --curve-panel: 1.2rem;
  --paint-base: #6B6E3A;
  --label-main: 26px;
  --line-primary: #1C1814;
  --label-button: "Fraunces", sans-serif;
  --label-body: 38px;
  --label-meta: 58px;
  --surface-primary: #FBF6EC;
  --curve-button: 0.85rem;
  --tone-extra-28: #1C1814;
  --tone-extra-18: linear-gradient(180deg, #F7F1E4 0%, #EFE6D4 100%);
  --tone-accent: #3A332B;
}
