/** Shopify CDN: Minification failed

Line 18:10 Expected identifier but found whitespace
Line 18:19 Unexpected "{"
Line 18:29 Expected ":"
Line 19:15 Expected identifier but found whitespace
Line 19:19 Unexpected "{"
Line 19:29 Expected ":"
Line 20:16 Expected identifier but found whitespace
Line 20:19 Unexpected "{"
Line 20:29 Expected ":"
Line 21:16 Expected identifier but found whitespace
... and 5 more hidden warnings

**/
/* ── BUUBLE Brand Tokens ──────────────────────────────── */
:root {
  --brand:        {{ settings.brand_primary | default: '#CB4154' }};
  --brand-dark:   {{ settings.brand_dark    | default: '#A1303F' }};
  --brand-xdark:  {{ settings.brand_xdark   | default: '#701E2C' }};
  --brand-light:  {{ settings.brand_light   | default: '#FDEAEC' }};
  --brand-mid:    {{ settings.brand_mid     | default: '#F4B8C2' }};
  --shadow-c:     rgba(203, 65, 84, 0.14);
  --cream:        #FAFAF6;
  --ink:          #1A1A1A;
  --stone:        #636363;
  --border:       #E5DDD4;
}

/* Wait — Liquid doesn't run in CSS files in Shopify.          */
/* Use this approach instead: inject a <style> block in        */
/* layout/theme.liquid (see Step 3).                           */
/* The CSS file itself uses static defaults:                   */

:root {
  --brand:       #CB4154;
  --brand-dark:  #A1303F;
  --brand-xdark: #701E2C;
  --brand-light: #FDEAEC;
  --brand-mid:   #F4B8C2;
  --shadow-c:    rgba(203,65,84,0.14);
  --cream:       #FAFAF6;
  --ink:         #1A1A1A;
  --stone:       #636363;
  --border:      #E5DDD4;

  /* SKU fixed colors */
  --c-red:  #CB4154;
  --c-aqua: #2DBDBD;
  --c-grey: #8A9299;
  --c-sage: #7A9B78;
}

/* ── Global element overrides ─────────────────────────── */
*, *::before, *::after {
  transition: background-color 0.4s ease, border-color 0.4s ease,
              color 0.4s ease;
}
img, video, iframe { transition: none !important; }

/* ── Dawn overrides ───────────────────────────────────── */
/* Override Dawn's default button colors with brand tokens  */
.button, .btn { background-color: var(--brand); border-color: var(--brand); }
.button:hover, .btn:hover { background-color: var(--brand-dark); }

/* DM Serif Display for headings */
h1, h2, h3, .h1, .h2 {
  font-family: 'DM Serif Display', serif !important;
}