/* Generated from BAGUETTE theme.json by npm run brand:sync. */
:root {
  --bg-red: #bc261b;
  --bg-cream: #fff8e6;
  --bg-ink: #2a1812;
  --bg-gutter: clamp(20px, 4vw, 80px);
  --bg-surface: #fffdf7;
  --bg-surface-muted: #f2e8d5;
  --bg-border: #5b443b;
  --bg-success: #356447;
  --bg-error: #9f1d16;
  --bg-control-height: 52px;
  --bg-control-compact: 48px;
  --bg-control-target: 44px;
  --bg-control-check: 22px;
  --bg-radius: 2px;
  --bg-shadow: 0 18px 48px rgb(42 24 18 / 0.1);
  --bg-motion-quick: 120ms;
  --bg-motion-standard: 220ms;
  --bg-ease: cubic-bezier(0.2, 0, 0, 1);
  --bg-font-display: "Fraunces", Georgia, serif;
  --bg-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bg-heading-weight: 850;
  --bg-button-weight: 500;
  --bg-control-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%232a1812' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");
  --bg-control-checkmark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='%23fffdf7' stroke-width='2'/%3E%3C/svg%3E");
}