/* Jascovski Environments Brand System — generated from tokens.json */
:root, [data-theme="day"] {
  --paper: #faf8f2;
  --ivory: #f4f1e9;
  --mist: #e9e8df;
  --stone: #d6c7b4;
  --forest: #333b35;
  --forest-deep: #2a342d;
  --forest-lift: #435846;
  --ink: #303930;
  --mark: #333b35;
  --muted: #626a60;
  --sage-text: #5f735e;
  --earth-text: #82573c;
  --sage: #8b9683;
  --earth: #a5795d;
  --line: #ddd9cf;
  --line-strong: #858b81;
  --on-forest: #f4f1e9;
  --on-forest-muted: #d5ddd2;
  --on-forest-label: #c5d2c2;
  --on-forest-line: #56635a;
  --action: #333b35;
  --action-hover: #4a5b4e;
  --on-action: #faf8f2;
  --photo-veil: rgba(20, 30, 22, 0.32);
}
[data-theme="evening"] {
  --paper: #1d231f;
  --ivory: #232a25;
  --mist: #29312b;
  --stone: #3b382f;
  --forest: #2c362f;
  --forest-deep: #161c18;
  --forest-lift: #34453a;
  --ink: #eeebe2;
  --mark: #f4f1e9;
  --muted: #bfc6b9;
  --sage-text: #a9b4a1;
  --earth-text: #d3a687;
  --sage: #8e9a86;
  --earth: #c99a7c;
  --line: #39433b;
  --line-strong: #6e786c;
  --on-forest-muted: #c9d1c5;
  --on-forest-label: #aebba9;
  --on-forest-line: #4d5a51;
  --action: #e9e6db;
  --action-hover: #faf8f2;
  --on-action: #1d231f;
  --photo-veil: rgba(10, 14, 11, 0.42);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-none: 0;
  --radius-pill: 999px;
  --radius-arch: 999px;
  --content-width: 1204px;
  --measure: 544px;
  --measure-narrow: 448px;
  --header-height: 89px;
  --rule-width: 54px;
  --font-serif: "EB Garamond", Georgia, "Times New Roman", serif;
  --font-sans: Lato, "Avenir Next", "Segoe UI", Arial, sans-serif;
}
.display { font-family: var(--font-serif); font-size: 89px; line-height: 1.05; font-weight: 500; letter-spacing: -0.025em; }
.title { font-family: var(--font-serif); font-size: 68px; line-height: 1.12; font-weight: 500; letter-spacing: -0.02em; }
.statement { font-family: var(--font-serif); font-size: 54px; line-height: 1.18; font-weight: 400; letter-spacing: -0.015em; }
.heading { font-family: var(--font-serif); font-size: 34px; line-height: 1.18; font-weight: 500; letter-spacing: -0.01em; }
.subheading { font-family: var(--font-serif); font-size: 28px; line-height: 1.3; font-weight: 500; }
.accent { font-family: var(--font-serif); font-size: 89px; line-height: 1.05; font-weight: 400; letter-spacing: -0.02em; font-style: italic; }
.numeral { font-family: var(--font-serif); font-size: 28px; line-height: 1.3; font-weight: 400; }
.signature { font-family: var(--font-serif); font-size: 28px; line-height: 1.3; font-weight: 400; font-style: italic; }
.lede { font-family: var(--font-sans); font-size: 19px; line-height: 1.8; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 1.85; font-weight: 400; }
.body-small { font-family: var(--font-sans); font-size: 14px; line-height: 1.8; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 1.7; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 11px; line-height: 1.4; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; }
.button { font-family: var(--font-sans); font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }