:root {
  --palette-bg: #252528;
  --palette-surface: #343438;
  --palette-shadow: #171719;
  --palette-text: #d0cdc5;
  --palette-body: #bdb9b0;
  --palette-muted: #9f9da0;
  --palette-accent: #b99138;
  --palette-accent-soft: #ddbd78;
  --spot-size: 390px;
  --spot-strength: .88;
  --container-main: 90rem;
  --container-wide: 105rem;
  --gutter: clamp(1.25rem, 3.2vw, 4rem);
  --radius-ui: .55rem;
  color: var(--palette-text);
  background: var(--palette-bg);
  font-family: "Montserrat", system-ui, sans-serif;
}

html[data-theme="graphite"] {
  --palette-bg: #252528;
  --palette-surface: #343438;
  --palette-shadow: #171719;
  --palette-text: #d0cdc5;
  --palette-body: #bdb9b0;
  --palette-muted: #9f9da0;
  --palette-accent: #b99138;
  --palette-accent-soft: #ddbd78;
}

html[data-theme="ivory"] {
  --palette-bg: #ece9e1;
  --palette-surface: #f4f1e9;
  --palette-shadow: #d7d2c7;
  --palette-text: #32343a;
  --palette-body: #53545a;
  --palette-muted: #73757b;
  --palette-accent: #9b7423;
  --palette-accent-soft: #b88d35;
  color-scheme: light;
}