:root {
  --navy: #1a1630;
  --navy-deep: #100e1c;
  --navy-soft: #241f3d;
  --cream: #fff3c9;
  --cream-soft: #fbe8b0;
  --cream-muted: #e8d49a;
  --caramel: #d36a1c;
  --caramel-deep: #a43a0e;
  --caramel-mid: #e08a3c;
  --caramel-light: #f0b35a;
  --caramel-ring: #c45e18;
  --ink: #1a1630;
  --text: #f7ecd0;
  --text-muted: #cbb98a;
  --white: #fffaf0;
  --shadow: 0 24px 60px rgba(8, 6, 18, 0.45);
  --radius: 22px;
  --radius-lg: 32px;
  --header-h: 84px;
  --max: 1180px;
  --font-display: "Syne", system-ui, sans-serif;
  --font-body: "Outfit", system-ui, sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}