@font-face {
  font-family: "Storefront Serif";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/fonts/inner-block/CormorantGaramond%5Bwght%5D.ttf") format("truetype");
}

@font-face {
  font-family: "Storefront Serif";
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url("/fonts/inner-block/CormorantGaramond-Italic%5Bwght%5D.ttf") format("truetype");
}

:root {
  color-scheme: light;
  --store-font-sans: Inter, "SF Pro Text", "Segoe UI", sans-serif;
  --store-font-serif: "Storefront Serif", Georgia, serif;
  --store-font-mono: "SFMono-Regular", Consolas, monospace;

  --store-ink: #243036;
  --store-on-accent: #ffffff;
  --store-ink-soft: #48575d;
  --store-muted: #738187;
  --store-faint: #98a5a9;
  --store-paper: #fbfcfd;
  --store-surface: #ffffff;
  --store-surface-soft: #f4f7f7;
  --store-line: #dfe7e9;
  --store-line-strong: #bdcace;
  --store-accent: #315f6b;
  --store-accent-hover: #3978a8;
  --store-blue: #e0f1ff;
  --store-mint: #e2f6ec;
  --store-rose: #ffe8ef;
  --store-lemon: #fff4c7;
  --store-lilac: #eeeaff;
  --store-danger: #a64d55;

  --store-space-1: 4px;
  --store-space-2: 8px;
  --store-space-3: 12px;
  --store-space-4: 16px;
  --store-space-5: 20px;
  --store-space-6: 24px;
  --store-space-8: 32px;
  --store-space-10: 40px;
  --store-space-12: 48px;
  --store-space-14: 56px;
  --store-space-16: 64px;
  --store-space-20: 80px;

  --store-radius-small: 6px;
  --store-radius: 8px;
  --store-radius-round: 999px;
  --store-shadow: 0 20px 55px rgba(75, 95, 104, 0.1);
  --store-shadow-small: 0 8px 26px rgba(75, 95, 104, 0.07);
  --store-container: 1420px;
  --store-header-height: 78px;
  --store-motion: 180ms ease;
}