:root {
  --ydi-canvas: #fcf9f4;
  --ydi-surface: #ffffff;
  --ydi-surface-soft: #f8ede2;
  --ydi-champagne: #f4e4c9;
  --ydi-sand: #e8c79e;
  --ydi-ink: #2b1812;
  --ydi-muted: #735f56;
  --ydi-accent: #9a596b;
  --ydi-accent-hover: #7f4657;
  --ydi-gold: #c58c45;
  --ydi-footer: #24130e;
  --ydi-line: rgba(72, 44, 34, 0.13);
  --ydi-line-strong: rgba(72, 44, 34, 0.22);
  --ydi-white-line: rgba(255, 255, 255, 0.18);
  --ydi-shadow-sm: 0 10px 30px rgba(65, 39, 29, 0.07);
  --ydi-shadow-md: 0 22px 58px rgba(65, 39, 29, 0.11);
  --ydi-shadow-lg: 0 34px 90px rgba(65, 39, 29, 0.15);
  --ydi-radius-sm: 12px;
  --ydi-radius-md: 18px;
  --ydi-radius-lg: 28px;
  --ydi-radius-xl: 36px;
  --ydi-container: 1380px;
  --ydi-gutter: clamp(16px, 4.5vw, 72px);
  --ydi-section-space: clamp(64px, 8vw, 118px);
  --ydi-mobile-dock-height: 78px;
  --ydi-font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", serif;
  --ydi-font-ui: "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
  --ydi-ease: cubic-bezier(0.2, 0.75, 0.25, 1);
}

.ydi-corner-style-refined {
  --ydi-radius-md: 14px;
  --ydi-radius-lg: 22px;
  --ydi-radius-xl: 28px;
}