/* storefront roo v4 */
html[data-storefront="roo"] {
  --sf-color-bg: #ffffff;
  --sf-color-text: #0b1c30;
  --sf-color-muted: #56606e;
  --sf-color-accent: #142a44;
  --sf-color-on-accent: #ffffff;
  --sf-color-border: #e3e0d9;
  --sf-color-surface: #ffffff;
  --sf-color-surface-alt: #f6f3ee;
  --sf-color-accent-hover: #0b1c30;
  --sf-color-focus: #a8865b;
  --sf-color-image-bg: #f6f3ee;
  --sf-font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --sf-font-body: 'Manrope', ui-sans-serif, system-ui, sans-serif;
  --sf-radius-sm: 2px;
  --sf-radius-md: 4px;
  --sf-radius-card: 6px;
  --sf-radius-button: 2px;
  --sf-space-section-y: clamp(4.5rem, 9vw, 8rem);
  --sf-space-grid-gap: 1.5rem;
  --sf-content-width: 78rem;
  --sf-shadow-sm: 0 1px 2px rgb(11 28 48 / 0.06);
  --sf-shadow-md: 0 18px 40px -18px rgb(11 28 48 / 0.35);
}

html[data-storefront="roo"] body { -webkit-font-smoothing: antialiased; }
html[data-storefront="roo"] h1, html[data-storefront="roo"] h2 { font-weight: 500; letter-spacing: -0.01em; }
html[data-storefront="roo"] .sf-button { font-weight: 600; letter-spacing: 0.04em; text-transform: none; }
html[data-storefront="roo"] .sf-header { background: #ffffff; border-bottom: 1px solid var(--sf-color-border); }
html[data-storefront="roo"] .sf-header__logo { height: 2.25rem; }
html[data-storefront="roo"] .sf-header__cta { background: var(--sf-color-accent); color: #ffffff; }
html[data-storefront="roo"] .sf-header__cta:hover { background: #c9a578; color: #0b1c30; }
html[data-storefront="roo"] h1::after { background: #c9a578; content: ""; display: block; height: 2px; margin-top: 1.75rem; width: 4.5rem; }
html[data-storefront="roo"] .text-center > h1::after { margin-inline: auto; }
html[data-storefront="roo"] .sf-footer { background: #0b1c30; border-top: 3px solid #c9a578; color: #ffffff; }
html[data-storefront="roo"] .sf-footer__brand, html[data-storefront="roo"] .sf-footer__company strong { color: #ffffff; }
html[data-storefront="roo"] .sf-footer__nav strong { color: #c9a578; letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.75rem; }
html[data-storefront="roo"] .sf-footer__copy, html[data-storefront="roo"] .sf-footer__company, html[data-storefront="roo"] .sf-footer__nav a, html[data-storefront="roo"] .sf-footer__legal { color: rgb(255 255 255 / 0.72); }
html[data-storefront="roo"] .sf-footer__company a, html[data-storefront="roo"] .sf-footer__nav a:hover { color: #ffffff; }
html[data-storefront="roo"] .sf-footer__legal { border-top: 1px solid rgb(255 255 255 / 0.14); padding-top: 1.5rem; }
html[data-storefront="roo"] .sf-footer__nav { align-content: start; }
@media (min-width: 1024px) {
  html[data-storefront="roo"] .sf-footer__grid { grid-template-columns: minmax(16rem, 1.4fr) repeat(3, minmax(0, 1fr)); }
}