:root {
  color-scheme: light;
  --bebbil-ivory: #f6f1e8;
  --bebbil-paper: #fffdf8;
  --bebbil-ink: #171513;
  --bebbil-oxblood: #4b0f1d;
  --bebbil-oxblood-soft: #72263a;
  --bebbil-mineral: #6f6a63;
  --bebbil-brass: #927346;
  --bebbil-line: #d8d0c3;
  --bebbil-success: #27563f;
  --bebbil-warning: #8a4b11;
  --bebbil-danger: #8b1f2f;
  --bebbil-focus: #1f62d0;

  --bebbil-font-display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --bebbil-font-sans: Inter, "Avenir Next", Arial, sans-serif;

  --bebbil-space-1: 0.25rem;
  --bebbil-space-2: 0.5rem;
  --bebbil-space-3: 0.75rem;
  --bebbil-space-4: 1rem;
  --bebbil-space-6: 1.5rem;
  --bebbil-space-8: 2rem;
  --bebbil-space-12: 3rem;
  --bebbil-space-16: 4rem;
  --bebbil-space-24: 6rem;

  --bebbil-radius-sm: 0.25rem;
  --bebbil-radius-md: 0.75rem;
  --bebbil-radius-pill: 999px;
  --bebbil-shadow-soft: 0 18px 50px rgb(23 21 19 / 0.08);
  --bebbil-ease: cubic-bezier(0.22, 1, 0.36, 1);
}