:root {
  --porcelain: #f4f1ea;
  --travertine: #d7cfc2;
  --cashmere: #a89d8e;
  --olive: #4d574f;
  --brass: #a48657;
  --charcoal: #242825;
  --walnut: #352f2a;
  --glass: #85908b;
  --white: #fffdf8;
  --danger: #7f3f3a;
  --line: color-mix(in srgb, var(--charcoal) 16%, transparent);
  --line-light: color-mix(in srgb, var(--porcelain) 28%, transparent);
  --shadow-soft: 0 1.5rem 5rem color-mix(in srgb, var(--charcoal) 15%, transparent);
  --shadow-ticket: 0 2rem 6rem color-mix(in srgb, var(--charcoal) 22%, transparent);
  --serif: Iowan Old Style, Baskerville, "Times New Roman", serif;
  --sans: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  --mono: "SFMono-Regular", Menlo, Consolas, monospace;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-gate: cubic-bezier(.16, 1, .3, 1);
  --header-height: 4.75rem;
  --focus: #755a2f;
  --sw-bg: var(--porcelain);
  --sw-ink: var(--charcoal);
  --sw-ink-soft: #5f665f;
  --sw-accent: var(--brass);
  --sw-font-display: var(--serif);
  --sw-font-body: var(--sans);
}

@media (prefers-contrast: more) {
  :root { --line: color-mix(in srgb, var(--charcoal) 40%, transparent); }
}