/* =========================================================================
   Golladay Fit — site-mirror template stylesheet
   Mirrors golladayfit.com (Shannon Golladay — nutrition, fitness and life
   coaching for women over 40). Auto-linked into every Golladay Fit page by
   website-app via the template group.

   Everything is prefixed `gf-` so pages stay conflict-free, and every colour
   flows through a CSS variable so the tenant's selected colour scheme
   recolours the whole site (see colorSchemeMapping in template.json).

   Brand palette (from the client's brand sheet):
     Hot Pink    #ff4da6  energy / confidence / empowerment  → primary
     Soft Pink   #f9b6c8  feminine / warmth / approachable   → secondary
     Charcoal    #333333  strength / focus / balance         → dark
     Warm Gray   #8c8a87  calm / neutral / sophistication    → muted text
     Light Taupe #f2ede7  softness / balance / clean         → surface
     White       #ffffff  clarity / simplicity / fresh start → background
   ========================================================================= */

/* --- Brand fonts -------------------------------------------------------- */
/* Montserrat = headings/nav (the live site's display face)
   Lato       = body copy
   Allura     = the cursive "Fit" script in the logo lockup */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Lato:wght@300;400;700;900&family=Allura&display=swap");

/* --- Colour-scheme variables (consumed by pages, header and footer) ------ */
:root {
  --color-primary: #ff4da6;          /* hot pink — CTAs, highlights */
  --color-primary-light: #ff85c4;
  --color-primary-dark: #d92f83;
  --color-secondary: #f9b6c8;        /* soft pink — accents, icon chips */
  --color-secondary-dark: #efa0b6;
  --color-accent: #ff4da6;
  --color-accent-light: #ff85c4;
  --color-accent-dark: #d92f83;

  --color-dark: #333333;             /* charcoal */
  --color-dark-2: #232323;
  --color-text: #333333;
  --color-text-muted: #8c8a87;       /* warm gray */
  --color-background: #ffffff;
  --color-bg: #ffffff;
  --color-surface: #f2ede7;          /* light taupe */
  --color-surface-2: #fdf6f9;        /* barely-there pink wash */
  --color-border: #e6ded6;

  --color-header-bg: #333333;
  --color-header-text: #ffffff;

  --color-footer-bg: #333333;
  --color-footer-title: #ffffff;
  --color-footer-link: #cfcbc6;
  --color-footer-accent: #ff4da6;

  --gf-radius: 14px;
  --gf-radius-lg: 22px;
  --gf-shadow: 0 14px 40px rgba(51, 51, 51, 0.10);
  --gf-shadow-lg: 0 24px 60px rgba(51, 51, 51, 0.16);
}

/* --- Footer nav helpers used by the {{--FooterCategories--}} markup ------ */
.lcp-nav-footer-column-title {
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-footer-title, #ffffff);
  margin-bottom: 18px;
}
.lcp-nav-footer-links { display: flex; flex-direction: column; gap: 11px; }
.lcp-nav-footer-link {
  font-family: "Lato", sans-serif;
  font-size: 15px;
  color: var(--color-footer-link, #cfcbc6);
  text-decoration: none;
  transition: color 0.2s ease;
}
.lcp-nav-footer-link:hover { color: var(--color-primary, #ff4da6); }

/* =========================================================================
   Page design system (gf-*)
   Structured as section > .gf-container > .gf-row > .gf-col > elements so the
   page-builder's HTML importer reconstructs clean, editable blocks.
   ========================================================================= */
.gf-page {
  margin: 0;
  font-family: "Lato", sans-serif;
  color: var(--color-text, #333333);
  background: var(--color-bg, #ffffff);
  -webkit-font-smoothing: antialiased;
}
.gf-page * { box-sizing: border-box; }

.gf-section { padding: 92px 20px; }
.gf-section-sm { padding: 60px 20px; }
.gf-container { max-width: 1180px; margin: 0 auto; }
.gf-container-narrow { max-width: 820px; margin: 0 auto; }
.gf-row { display: flex; flex-wrap: wrap; align-items: center; gap: 56px; }
.gf-row-top { align-items: flex-start; }
.gf-col { flex: 1 1 0; min-width: 290px; }
.gf-center { text-align: center; }

/* section colour variants */
.gf-sec-white  { background: var(--color-bg, #ffffff); }
.gf-sec-taupe  { background: var(--color-surface, #f2ede7); }
.gf-sec-blush  { background: var(--color-surface-2, #fdf6f9); }
.gf-sec-dark   { background: var(--color-dark, #333333); color: #ffffff; }
.gf-sec-pink   { background: var(--color-primary, #ff4da6); color: #ffffff; }

/* --- Typography --------------------------------------------------------- */
.gf-script {
  font-family: "Allura", cursive;
  color: var(--color-primary, #ff4da6);
  font-weight: 400;
  line-height: 1;
}
.gf-eyebrow {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--color-primary, #ff4da6);
  margin: 0 0 16px;
}
.gf-eyebrow-light { color: var(--color-secondary, #f9b6c8); }
.gf-h1 {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(38px, 5.4vw, 66px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.01em;
  margin: 0 0 18px;
}
.gf-h2 {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(29px, 3.6vw, 44px);
  font-weight: 800;
  line-height: 1.14;
  letter-spacing: -0.01em;
  margin: 0 0 18px;
}
.gf-h3 {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(20px, 2.1vw, 25px);
  font-weight: 700;
  line-height: 1.28;
  margin: 0 0 12px;
}
.gf-h4 {
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 8px;
}
.gf-lead { font-size: 19px; line-height: 1.75; margin: 0 0 20px; }
.gf-text { font-size: 17px; line-height: 1.8; margin: 0 0 16px; }
.gf-small { font-size: 15px; line-height: 1.7; }
.gf-muted { color: var(--color-text-muted, #8c8a87); }
.gf-on-dark .gf-muted, .gf-sec-dark .gf-muted { color: rgba(255, 255, 255, 0.72); }
.gf-pink-text { color: var(--color-primary, #ff4da6); }

/* --- Buttons ------------------------------------------------------------ */
.gf-btn {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.03em;
  text-decoration: none;
  padding: 16px 34px;
  border: 2px solid transparent;
  border-radius: 9999px;
  cursor: pointer;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, color 0.16s ease;
}
.gf-btn:hover { transform: translateY(-2px); }
.gf-btn-primary {
  background: var(--color-primary, #ff4da6);
  color: #ffffff;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--color-primary, #ff4da6) 34%, transparent);
}
.gf-btn-primary:hover { background: var(--color-primary-dark, #d92f83); }
.gf-btn-dark { background: var(--color-dark, #333333); color: #ffffff; }
.gf-btn-dark:hover { background: var(--color-dark-2, #232323); }
.gf-btn-outline {
  background: transparent;
  color: var(--color-primary, #ff4da6);
  border-color: var(--color-primary, #ff4da6);
}
.gf-btn-outline:hover { background: var(--color-primary, #ff4da6); color: #ffffff; }
.gf-btn-light { background: #ffffff; color: var(--color-dark, #333333); }
.gf-btn-ghost-light { background: transparent; color: #ffffff; border-color: rgba(255, 255, 255, 0.7); }
.gf-btn-ghost-light:hover { background: #ffffff; color: var(--color-dark, #333333); }
.gf-btn-lg { font-size: 17px; padding: 19px 44px; }
.gf-btn-block { display: block; width: 100%; text-align: center; }
.gf-btn-row { display: flex; flex-wrap: wrap; gap: 16px; }
.gf-btn-row-center { justify-content: center; }

/* --- Hero --------------------------------------------------------------- */
.gf-hero {
  position: relative;
  min-height: 640px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 130px 20px 110px;
  background-color: var(--color-dark, #333333);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
}
.gf-hero-sm { min-height: 460px; padding: 120px 20px 80px; }
.gf-hero-inner { position: relative; z-index: 2; max-width: 880px; margin: 0 auto; }
.gf-hero .gf-h1, .gf-hero .gf-h2 { color: #ffffff; }
.gf-hero .gf-lead { color: rgba(255, 255, 255, 0.92); max-width: 640px; margin-left: auto; margin-right: auto; }

/* --- Image helpers ------------------------------------------------------ */
.gf-img { max-width: 100%; height: auto; display: block; }
.gf-img-round { border-radius: var(--gf-radius-lg, 22px); }
.gf-img-shadow { box-shadow: var(--gf-shadow-lg); }
/* Framed photo with a soft-pink offset block behind it (the live site's look) */
.gf-img-frame { position: relative; display: inline-block; }
.gf-img-frame::before {
  content: "";
  position: absolute;
  inset: 22px -22px -22px 22px;
  border-radius: var(--gf-radius-lg, 22px);
  background: var(--color-secondary, #f9b6c8);
  z-index: 0;
}
.gf-img-frame img { position: relative; z-index: 1; border-radius: var(--gf-radius-lg, 22px); width: 100%; }

/* --- Checklists / pill lists -------------------------------------------- */
.gf-checklist { list-style: none; padding: 0; margin: 26px 0 30px; }
.gf-checklist li {
  position: relative;
  padding: 12px 0 12px 40px;
  font-size: 17px;
  line-height: 1.6;
}
.gf-checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 17px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color-primary, #ff4da6);
  box-shadow: inset 0 0 0 5px color-mix(in srgb, var(--color-secondary, #f9b6c8) 90%, transparent);
}
.gf-checklist-tight li { padding: 8px 0 8px 34px; font-size: 15px; }
.gf-checklist-tight li::before { width: 15px; height: 15px; top: 14px; box-shadow: inset 0 0 0 4px color-mix(in srgb, var(--color-secondary, #f9b6c8) 90%, transparent); }
.gf-checklist-light li { color: rgba(255, 255, 255, 0.9); }

/* --- Cards -------------------------------------------------------------- */
.gf-grid { display: grid; gap: 28px; }
.gf-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gf-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gf-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.gf-card {
  background: var(--color-bg, #ffffff);
  border-radius: var(--gf-radius-lg, 22px);
  padding: 36px 30px;
  box-shadow: var(--gf-shadow);
  border: 1px solid var(--color-border, #e6ded6);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.gf-card:hover { transform: translateY(-4px); box-shadow: var(--gf-shadow-lg); }
.gf-card-flat { box-shadow: none; }
.gf-card-dark { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.14); color: #ffffff; }

/* Icon chip on feature cards */
.gf-icon {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-secondary, #f9b6c8);
  color: var(--color-dark, #333333);
  margin-bottom: 22px;
}
.gf-icon svg { width: 28px; height: 28px; }
.gf-icon-pink { background: var(--color-primary, #ff4da6); color: #ffffff; }
.gf-icon-center { margin-left: auto; margin-right: auto; }

/* Media card (image on top, copy below) */
.gf-media-card {
  display: block;
  text-decoration: none;
  color: inherit;
  background: var(--color-bg, #ffffff);
  border-radius: var(--gf-radius-lg, 22px);
  overflow: hidden;
  box-shadow: var(--gf-shadow);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.gf-media-card:hover { transform: translateY(-4px); box-shadow: var(--gf-shadow-lg); }
.gf-media-card img { width: 100%; height: 240px; object-fit: cover; display: block; }
.gf-media-card-body { padding: 26px 26px 30px; }

/* --- Pricing plans ------------------------------------------------------ */
.gf-plan {
  display: flex;
  flex-direction: column;
  background: var(--color-bg, #ffffff);
  border: 1px solid var(--color-border, #e6ded6);
  border-radius: var(--gf-radius-lg, 22px);
  padding: 36px 30px 34px;
  box-shadow: var(--gf-shadow);
  height: 100%;
}
.gf-plan-featured {
  border: 2px solid var(--color-primary, #ff4da6);
  box-shadow: 0 26px 60px color-mix(in srgb, var(--color-primary, #ff4da6) 22%, transparent);
}
.gf-plan-name {
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-primary, #ff4da6);
  margin: 0 0 12px;
}
.gf-plan-price {
  font-family: "Montserrat", sans-serif;
  font-size: 46px;
  font-weight: 800;
  line-height: 1;
  color: var(--color-dark, #333333);
  margin: 18px 0 4px;
}
.gf-plan-term { font-size: 14px; color: var(--color-text-muted, #8c8a87); margin: 0 0 22px; }
.gf-plan-divider { border: 0; border-top: 1px solid var(--color-border, #e6ded6); margin: 0 0 20px; }
.gf-plan-included {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-text-muted, #8c8a87);
  margin: 0 0 14px;
}
.gf-plan .gf-btn { margin-top: auto; }
.gf-plan-badge {
  display: inline-block;
  align-self: flex-start;
  background: var(--color-primary, #ff4da6);
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 9999px;
  margin-bottom: 14px;
}

/* --- Testimonials ------------------------------------------------------- */
.gf-quote {
  background: var(--color-bg, #ffffff);
  border-radius: var(--gf-radius-lg, 22px);
  padding: 38px 34px 32px;
  box-shadow: var(--gf-shadow);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.gf-quote-mark {
  font-family: Georgia, serif;
  font-size: 62px;
  line-height: 0.5;
  color: var(--color-secondary, #f9b6c8);
  margin-bottom: 18px;
}
.gf-quote-text { font-size: 16px; line-height: 1.8; margin: 0 0 26px; flex: 1 1 auto; }
.gf-quote-person { display: flex; align-items: center; gap: 14px; }
.gf-quote-person img { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; display: block; }
.gf-quote-name { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 16px; margin: 0; }
.gf-quote-role { font-size: 14px; color: var(--color-text-muted, #8c8a87); margin: 2px 0 0; }

/* --- Stats / value strip ------------------------------------------------ */
.gf-stat { text-align: center; }
.gf-stat-value {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(30px, 3.4vw, 42px);
  font-weight: 800;
  color: var(--color-primary, #ff4da6);
  line-height: 1;
  margin: 0 0 10px;
}
.gf-stat-label {
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-text-muted, #8c8a87);
  margin: 0;
}

/* --- FAQ accordion (details/summary — no JS required) ------------------- */
.gf-faq { max-width: 860px; margin: 0 auto; }
.gf-faq-item {
  background: var(--color-bg, #ffffff);
  border: 1px solid var(--color-border, #e6ded6);
  border-radius: var(--gf-radius, 14px);
  margin-bottom: 14px;
  overflow: hidden;
}
.gf-faq-item > summary {
  list-style: none;
  cursor: pointer;
  padding: 22px 58px 22px 26px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 17px;
  position: relative;
}
.gf-faq-item > summary::-webkit-details-marker { display: none; }
.gf-faq-item > summary::after {
  content: "+";
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 26px;
  font-weight: 400;
  color: var(--color-primary, #ff4da6);
  line-height: 1;
}
.gf-faq-item[open] > summary::after { content: "\2013"; }
.gf-faq-answer { padding: 0 26px 24px; font-size: 16px; line-height: 1.8; color: var(--color-text-muted, #8c8a87); }

/* --- Forms (wired by website-app form-submission.js via data-mp-form) ---- */
.gf-form { display: flex; flex-direction: column; gap: 16px; text-align: left; }
.gf-form label {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-dark, #333333);
}
.gf-form input,
.gf-form select,
.gf-form textarea {
  width: 100%;
  padding: 15px 18px;
  border: 1px solid var(--color-border, #e6ded6);
  border-radius: var(--gf-radius, 14px);
  font-family: "Lato", sans-serif;
  font-size: 16px;
  background: #ffffff;
  color: var(--color-text, #333333);
}
.gf-form input:focus,
.gf-form select:focus,
.gf-form textarea:focus {
  outline: none;
  border-color: var(--color-primary, #ff4da6);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary, #ff4da6) 18%, transparent);
}
.gf-form textarea { min-height: 150px; resize: vertical; }
.gf-form-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.gf-form button { border: none; cursor: pointer; margin-top: 6px; }
.gf-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.gf-form-card {
  background: var(--color-bg, #ffffff);
  border-radius: var(--gf-radius-lg, 22px);
  box-shadow: var(--gf-shadow-lg);
  padding: 44px 40px;
}

/* --- Contact detail rows ------------------------------------------------ */
.gf-contact-row { display: flex; align-items: center; gap: 18px; margin-bottom: 22px; }
.gf-contact-row a { color: inherit; text-decoration: none; }
.gf-contact-row a:hover { color: var(--color-primary, #ff4da6); }

/* --- Legal / long-form copy --------------------------------------------- */
.gf-legal { max-width: 820px; margin: 0 auto; }
.gf-legal h2 { font-family: "Montserrat", sans-serif; font-size: 25px; font-weight: 700; margin: 44px 0 14px; }
.gf-legal h2:first-child { margin-top: 0; }
.gf-legal p, .gf-legal li { font-size: 16px; line-height: 1.85; color: var(--color-text-muted, #8c8a87); }
.gf-legal ul { padding-left: 22px; margin: 0 0 18px; }
.gf-legal li { margin-bottom: 8px; }

/* --- Utilities ---------------------------------------------------------- */
.gf-divider { height: 4px; width: 78px; background: var(--color-primary, #ff4da6); border-radius: 9999px; margin: 0 0 26px; border: 0; }
.gf-divider-center { margin-left: auto; margin-right: auto; }
.gf-mt-0 { margin-top: 0; }
.gf-mb-0 { margin-bottom: 0; }
.gf-mb-lg { margin-bottom: 52px; }

/* --- Responsive --------------------------------------------------------- */
@media (max-width: 1024px) {
  .gf-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gf-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .gf-section { padding: 62px 18px; }
  .gf-section-sm { padding: 44px 18px; }
  .gf-row { gap: 34px; }
  .gf-grid, .gf-grid-2, .gf-grid-3, .gf-grid-4 { grid-template-columns: 1fr; }
  .gf-form-2col { grid-template-columns: 1fr; }
  .gf-hero { min-height: 520px; padding: 110px 18px 76px; }
  .gf-form-card { padding: 32px 24px; }
  .gf-img-frame::before { inset: 14px -14px -14px 14px; }
}

/* --- Comparison table (pricing page) ------------------------------------ */
.gf-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.gf-table {
  width: 100%;
  min-width: 760px;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--color-bg, #ffffff);
  border: 1px solid var(--color-border, #e6ded6);
  border-radius: var(--gf-radius-lg, 22px);
  overflow: hidden;
  box-shadow: var(--gf-shadow);
}
.gf-table th, .gf-table td {
  padding: 18px 20px;
  text-align: left;
  border-bottom: 1px solid var(--color-border, #e6ded6);
  font-size: 15px;
  line-height: 1.55;
}
.gf-table thead th {
  background: var(--color-surface, #f2ede7);
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-dark, #333333);
}
.gf-table tbody th {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: var(--color-dark, #333333);
}
.gf-table tbody tr:last-child th, .gf-table tbody tr:last-child td { border-bottom: 0; }
.gf-table td { color: var(--color-text-muted, #8c8a87); }
.gf-table .gf-yes { color: var(--color-primary, #ff4da6); font-weight: 700; }
.gf-table-price { font-family: "Montserrat", sans-serif; font-weight: 800; color: var(--color-dark, #333333); font-size: 17px; }

/* Auto-generated Tailwind bridge for custom colors */
.bg-dark-2 { background-color: var(--color-dark-2, #232323); }
.text-dark-2 { color: var(--color-dark-2, #232323); }
.border-dark-2 { border-color: var(--color-dark-2, #232323); }
.ring-dark-2 { --tw-ring-color: var(--color-dark-2, #232323); }
.from-dark-2 { --tw-gradient-from: var(--color-dark-2, #232323); }
.to-dark-2 { --tw-gradient-to: var(--color-dark-2, #232323); }
.via-dark-2 { --tw-gradient-via: var(--color-dark-2, #232323); }
.shadow-dark-2\/25 { --tw-shadow-color: var(--color-dark-2, #232323); --tw-shadow: var(--tw-shadow-colored); }
.bg-surface-2 { background-color: var(--color-surface-2, #fdf6f9); }
.text-surface-2 { color: var(--color-surface-2, #fdf6f9); }
.border-surface-2 { border-color: var(--color-surface-2, #fdf6f9); }
.ring-surface-2 { --tw-ring-color: var(--color-surface-2, #fdf6f9); }
.from-surface-2 { --tw-gradient-from: var(--color-surface-2, #fdf6f9); }
.to-surface-2 { --tw-gradient-to: var(--color-surface-2, #fdf6f9); }
.via-surface-2 { --tw-gradient-via: var(--color-surface-2, #fdf6f9); }
.shadow-surface-2\/25 { --tw-shadow-color: var(--color-surface-2, #fdf6f9); --tw-shadow: var(--tw-shadow-colored); }

/* Hover states */
.hover\:bg-dark-2:hover { background-color: var(--color-dark-2, #232323); }
.hover\:text-dark-2:hover { color: var(--color-dark-2, #232323); }
.hover\:bg-surface-2:hover { background-color: var(--color-surface-2, #fdf6f9); }
.hover\:text-surface-2:hover { color: var(--color-surface-2, #fdf6f9); }