:root {
  --cream: #f9efd6;
  --white: #ffffff;
  --primary: #a52217;
  --bg-body: #c2340f;
  --night: #002939;
  --night-2: #182227;
  --paper-warm: rgba(255, 227, 180, 0.61);
  --ink: #f8f7ea;
  --ink-light: #f9edbc;
  --ink-light2: #ff7251;
  --dark: #25251c;
  --accent: #ff7b17;
  --accent-2: #ff9d14;
  --cta-ink: var(--dark);
  --cta-ink2: #25251c;
  --ocre-1: #d13328;
  --ocre-2: #e76a4d;
  --ocre-3: #f1e09a;
  --ocre-4: #fa6c40;
  --ocre-5: #d12d19;
  --ocre-6: #e35230;
  --ocre-7: #ff7b17;
  --ocre-8: #ff5820;
  --borders: rgb(from var(--ink) r g b / 0.1);
  --grid-width: 1440px;
}
@media (min-width: 1241px) {
  :root {
    --edge: 80px;
    --bleed-pad: calc((100vw - min(var(--grid-width), 100vw)) / 2 + var(--edge));
  }
}