/** Shopify CDN: Minification failed

Line 53:16 Expected identifier but found whitespace
Line 53:18 Unexpected "{"
Line 53:28 Expected ":"
Line 54:17 Expected identifier but found whitespace
Line 54:19 Unexpected "{"
Line 54:29 Expected ":"
Line 55:20 Expected identifier but found whitespace
Line 55:22 Unexpected "{"
Line 55:32 Expected ":"
Line 56:15 Expected identifier but found whitespace
... and 2 more hidden warnings

**/
/* ============================================================
   ROUTED — BRAND FOUNDATION
   Loads fonts, exposes brand tokens as CSS variables,
   sets baseline typography + background.
   Colors come from Theme Settings → ✦ Routed Brand.
   ============================================================ */

/* --- Fonts -------------------------------------------------- */

@font-face {
  font-family: 'Peace Sans';
  src: url('PeaceSans.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roxborough CF';
  src: url('roxborough-cf-regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Yellowtail';
  src: url('Yellowtail-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* --- Brand tokens ------------------------------------------- */

:root {
  /* Colors — pulled live from Theme Settings */
  --routed-navy: {{ settings.routed_navy }};
  --routed-cream: {{ settings.routed_cream }};
  --routed-burgundy: {{ settings.routed_burgundy }};
  --routed-sky: {{ settings.routed_sky }};

  /* Supporting neutrals (derived) */
  --routed-pure: #ffffff;
  --routed-ink: #1a2735;
  --routed-muted: #6b7d91;
  --routed-line: #e8dfc9;

  /* Semantic aliases */
  --routed-bg: var(--routed-cream);
  --routed-fg: var(--routed-navy);
  --routed-accent: var(--routed-burgundy);
  --routed-secondary: var(--routed-sky);

  /* Fonts */
  --font-peace: 'Peace Sans', 'Arial Black', sans-serif;
  --font-roxborough: 'Roxborough CF', Georgia, 'Times New Roman', serif;
  --font-yellowtail: 'Yellowtail', 'Brush Script MT', cursive;

  --font-display: var(--font-peace);
  --font-serif: var(--font-roxborough);
  --font-script: var(--font-yellowtail);
  --font-body: var(--font-roxborough);
  /* --- Override Dawn's color scheme variables -------------------- */
/* Dawn uses CSS variables on each "color scheme" wrapper. We
   override them so any section using "scheme-1" (the default) gets
   our cream background and navy text. */

:root,
.color-background-1,
.color-scheme-1,
.shopify-section {
  --color-background: 251, 241, 220;   /* cream as RGB triplet */
  --color-foreground: 40, 67, 97;      /* navy as RGB triplet */
  --color-base-background-1: 251, 241, 220;
  --color-base-text: 40, 67, 97;
  --color-base-solid-button-labels: 251, 241, 220;
  --color-base-accent-1: 140, 31, 61;  /* burgundy */
  --color-base-accent-2: 40, 67, 97;
}

html {
  background: var(--routed-cream) !important;
}
}

/* --- Base reset & body -------------------------------------- */


html body {
  background: var(--routed-bg) !important;
  color: var(--routed-fg) !important;
  font-family: var(--font-body) !important;
  -webkit-font-smoothing: antialiased;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .display,
body .h0,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6 {
  font-family: var(--font-display) !important;
  color: var(--routed-navy) !important;
  letter-spacing: -0.01em;
}

body p,
body li,
body span,
body a,
body button,
body input,
body label,
body .price,
body .product-card-wrapper {
  font-family: var(--font-body);
}

.routed-script {
  font-family: var(--font-script) !important;
  color: var(--routed-burgundy);
  font-weight: normal;
}

::selection {
  background: var(--routed-navy);
  color: var(--routed-cream);
}

/* --- Utility helpers --------------------------------------- */

.routed-eyebrow {
  font-family: var(--font-script);
  color: var(--routed-burgundy);
  font-size: 1.25rem;
  letter-spacing: 0;
  text-transform: none;
}