/* ===========================================================================
   06 · DEPRECATED ALIASES

   TEMPORARY FILE. DELETE IT, and its line in blenn_enqueue_styles(), once the
   seven legacy layout JSONs have been migrated to the new class names.

   Why it exists
   -------------
   The existing layouts (Home, Accommodations, Restaurant, 1889 Club — now The
   Conspiracy — Spa, Weddings and Events, Historic Suites) were built against
   the retired palette and their class names say so. Three of them now mean the
   opposite of what they read:

     .section-cream  ->  Ivory Stone   (was cream #F2EDD5)
     .section-sage   ->  Linen         (was sage #718A7F — a green name on a beige)
     .section-dark   ->  River Slate   (was oxblood #441300)
     .divider-gold   ->  Antique Brass (was gold #BB9D63)

   Leaving them resolving quietly to the wrong-sounding colour is how somebody
   loses an hour in February. Renaming them without an alias breaks seven live
   layouts at once. So: new pages use the new names, old pages keep working,
   and this file gets deleted after the migration pass.

   Migration is a find-and-replace inside each JSON on module_class values.
   Nothing else in those files changes.
   =========================================================================== */

.section-cream,
#page-container .section-cream.et_pb_section { background-color: var(--surface-primary); }

.section-sage,
#page-container .section-sage.et_pb_section { background-color: var(--surface-secondary); }

.section-dark,
#page-container .section-dark.et_pb_section {
  background-color: var(--surface-contrast);
  color: var(--ink-on-contrast);
}
#page-container .section-dark h1, #page-container .section-dark h2,
#page-container .section-dark h3, #page-container .section-dark h4,
#page-container .section-dark p,  #page-container .section-dark li { color: var(--ink-on-contrast); }
.section-dark .btn-text { color: var(--gv-field); border-bottom-color: rgba(244, 239, 230, 0.4); }
.section-dark .btn-text:hover { border-bottom-color: var(--gv-brass); }
.section-dark .rule-structural { opacity: 0.28; }
.section-dark :focus-visible { outline-color: var(--gv-field); }

.divider-gold {
  display: block;
  width: 40px;
  height: var(--hairline);
  background: var(--rule-accent);
  border: 0;
  margin: var(--sp-6) 0;
}
.text-center .divider-gold,
#page-container .et_pb_text_align_center .divider-gold { margin-left: auto; margin-right: auto; }