/** Shopify CDN: Minification failed

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

**/
/* ==========================================================================
   Tamarind Tree — Global Restyle
   Applies the mockup's typography + color palette site-wide.
   Loaded AFTER theme.scss.css so it can override defaults.
   ========================================================================== */

:root {
  --tt-ink: #241609;
  --tt-ink-soft: #4a3524;
  --tt-cream: #FBF5EA;
  --tt-cream-deep: #F1E6D2;
  --tt-turmeric: #C4881A;
  --tt-chilli: #A6321F;
  --tt-chilli-deep: #832818;
  --tt-cardamom: #4B5D3A;
}

/* ---- Fonts ---- */
/* Fraunces for headings (warm, editorial serif), Inter for body (max legibility) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,500&family=Barlow+Semi+Condensed:wght@500;600;700&family=Inter:wght@600&display=swap');

body,
input,
textarea,
select,
button {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: var(--tt-ink-soft);
}

h1, h2, h3, h4, h5, h6,
.Heading {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: var(--tt-ink) !important;
  line-height: 1.15 !important;
}

/* Section heading sizes — bump up for legibility */
h1 { font-size: clamp(2.4rem, 5vw, 4rem) !important; }
h2 { font-size: clamp(1.9rem, 3.2vw, 2.6rem) !important; }
h3 { font-size: clamp(1.3rem, 2vw, 1.6rem) !important; }

p, li, .Rte, .Text {
  font-size: 17px !important;
  line-height: 1.65 !important;
}

/* ---- Buttons / CTAs ---- */
.Button,
button[type="submit"],
input[type="submit"],
a.btn,
.btn {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  background-color: var(--tt-chilli) !important;
  border-color: var(--tt-chilli) !important;
  color: #fff !important;
  border-radius: 2px !important;
}
.Button:hover,
a.btn:hover,
.btn:hover {
  background-color: var(--tt-chilli-deep) !important;
  border-color: var(--tt-chilli-deep) !important;
}

/* ---- Links / accents ---- */
a { color: var(--tt-chilli); }

/* ---- Section + page background ---- */
body {
  background-color: var(--tt-cream);
}

/* ---- Footer headings ---- */
.footer-header {
  font-family: 'Barlow Semi Condensed', sans-serif !important;
  font-weight: 600 !important;
  color: #fbf5ea;
}

/* ---- Footer bottom row (copyright / powered by) ---- */
.bottom--footer a,
.bottom--footer {
  color: #b8a888 !important;
}
.bottom--footer a:hover {
  color: var(--tt-cream) !important;
}

/* ---- Hero "Shop Now" button ---- */
.homepage-featured-box-btn {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  background-color: var(--tt-chilli) !important;
  border-color: var(--tt-chilli) !important;
  color: #fff !important;
  border-radius: 2px !important;
}
.homepage-featured-box-btn:hover {
  background-color: var(--tt-chilli-deep) !important;
}