/** Shopify CDN: Minification failed

Line 32:0 All "@import" rules must come first

**/
/* Litora Custom Global Styles - Design System */

/* ── Design Tokens ── */
:root {
  --lit-accent: #c5a059;
  --lit-black: #121212;
  --lit-dark: #1a1a1a;
  --lit-text: #000;
  --lit-subtext: #666;
  --lit-bg-soft: #f9f9f9;
  --lit-bg-warm: #f8f7f5;
  --lit-border: #e5e5e5;
  --lit-border-subtle: #e0e0e0;
  --lit-white: #fff;
  --lit-btn-radius: 10rem;
  --lit-block-radius: 1rem;
  --lit-block-radius-mobile: 0.8rem;
  --lit-btn-height: 4.8rem;
  --lit-grid-gap: 3rem;
  --lit-ease-standard: cubic-bezier(0.65, 0, 0.35, 1);
  --lit-ease-out: cubic-bezier(0.33, 1, 0.68, 1);
  --lit-ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --lit-container: 1440px;
}

/* ── Typography: Lora everywhere ── */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

body,
button,
input,
select,
textarea {
  font-family: 'Lora', serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lora', serif;
}

/* ── Animations ── */
@keyframes litFadeUp {
  from { opacity: 0; transform: translateY(2.5rem); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes litZoomOut {
  from { transform: scale(1.08); }
  to { transform: scale(1); }
}
@keyframes litReveal {
  from { opacity: 0; transform: translateY(30px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* ── Smooth scroll ── */
html { scroll-behavior: smooth; }

/* ── Image loading shimmer ── */
.media--loading-shimmer:not(.loaded)::after {
  background: linear-gradient(90deg, #f0ede8 0%, #e5e1db 50%, #f0ede8 100%);
}