/* Lunada Story — strict three-color accessible identity */
:root {
  --accessible-beige: #B5A58E;
  --alabaster: #DED9CC;
  --urbane-bronze: #42362A;

  --paper: var(--alabaster);
  --paper-light: var(--alabaster);
  --paper-dark: var(--accessible-beige);
  --cream: var(--alabaster);
  --cream-light: var(--alabaster);
  --cream-dark: var(--accessible-beige);
  --bg: var(--alabaster);
  --card: var(--alabaster);

  --ink: var(--urbane-bronze);
  --espresso: var(--urbane-bronze);
  --ink-light: var(--urbane-bronze);
  --ink-muted: var(--urbane-bronze);
  --muted: var(--urbane-bronze);

  --gold: var(--accessible-beige);
  --gold-dark: var(--urbane-bronze);
  --gold-light: var(--accessible-beige);
  --cappuccino: var(--accessible-beige);
  --cappuccino-dark: var(--urbane-bronze);
  --cappuccino-deep: var(--urbane-bronze);
  --cappuccino-light: var(--alabaster);
  --rose: var(--accessible-beige);
  --sage: var(--accessible-beige);
  --sage-dark: var(--urbane-bronze);
  --sage-light: var(--alabaster);

  --line: var(--accessible-beige);
  --green: var(--urbane-bronze);
  --red: var(--urbane-bronze);

  --lunada-header-paper: var(--alabaster);
  --lunada-header-ink: var(--urbane-bronze);
  --lunada-header-muted: var(--urbane-bronze);
  --lunada-header-gold: var(--accessible-beige);
  --lunada-header-gold-d: var(--urbane-bronze);

  --shell-paper: var(--alabaster);
  --shell-paper-light: var(--alabaster);
  --shell-paper-dark: var(--accessible-beige);
  --shell-ink: var(--urbane-bronze);
  --shell-ink-light: var(--urbane-bronze);
  --shell-muted: var(--urbane-bronze);
  --shell-gold: var(--accessible-beige);
  --shell-gold-dark: var(--urbane-bronze);

  --shadow-sm: 0 4px 12px rgba(66,54,42,.10);
  --shadow-md: 0 12px 36px rgba(66,54,42,.14);
  --shadow-lg: 0 24px 64px rgba(66,54,42,.18);
  --shadow-card: 0 24px 80px rgba(66,54,42,.16);
  --shadow-float: 0 40px 120px rgba(66,54,42,.20);
  --shadow-glow: 0 0 60px rgba(181,165,142,.38);
}

html, body {
  background-color: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
}
::selection { background: var(--accessible-beige); color: var(--urbane-bronze); }
:focus-visible { outline: 3px solid var(--urbane-bronze) !important; outline-offset: 3px; }

/* Readability on every light surface */
body :where(p, li, label, small, td, th, figcaption),
.sv-section-sub,
.sv-order-hero__sub,
.sv-field-hint,
.sv-upload-hint,
.sv-upload-status,
.sv-chapter-step__label,
.sv-pricing-features,
.sv-pkg-features,
.sv-pkg-old,
.sv-review-table,
.faq-ans,
.letter-text,
.legal-document p,
.legal-document li,
.legal-document td,
.legal-document th,
.legal-meta,
.muted,
.stat span,
.row span,
.head,
.empty {
  color: var(--urbane-bronze) !important;
  opacity: 1 !important;
}

h1, h2, h3, h4, h5, h6,
.sv-section-label,
.sv-chapter-title,
.sv-chapter-num,
.sv-pricing-price,
.sv-pricing-name,
.sv-pkg-name,
.sv-pkg-title,
.sv-pkg-amount,
.sv-pkg-offer,
.sv-review-section-title,
.box h4,
.eyebrow,
.kicker {
  color: var(--urbane-bronze) !important;
  opacity: 1 !important;
}

/* Forms */
input, textarea, select, button {
  accent-color: var(--urbane-bronze);
  caret-color: var(--urbane-bronze);
  outline-color: var(--urbane-bronze);
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
textarea,
select,
.input,
.select,
.textarea {
  background: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
  border: 2px solid var(--urbane-bronze) !important;
  opacity: 1 !important;
}
input::placeholder, textarea::placeholder {
  color: var(--urbane-bronze) !important;
  opacity: .78 !important;
}
input[type="checkbox"], input[type="radio"] {
  accent-color: var(--urbane-bronze) !important;
  color: var(--urbane-bronze) !important;
}
input.honey {
  background-color: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
  border-color: var(--urbane-bronze) !important;
}
.sv-upload-zone {
  background: var(--alabaster) !important;
  border: 2px dashed var(--urbane-bronze) !important;
  color: var(--urbane-bronze) !important;
}
.sv-upload-zone.dragover,
.sv-option-chip:hover,
.sv-pkg-card:hover {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
  border-color: var(--urbane-bronze) !important;
}
.sv-option-chip.selected,
.sv-pkg-card.selected,
.package-card.selected {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
  border: 2px solid var(--urbane-bronze) !important;
}

/* Primary actions: guaranteed high contrast */
:where(
  .sv-btn-next,
  .sv-btn-forward,
  .sv-btn-submit,
  .sv-hero-cta,
  .sv-pricing-cta,
  .lunada-open-cta,
  .lunada-global-header__cta,
  .lunada-global-menu__cta,
  .nav-cta,
  .nav-cta-mobile,
  .btn-primary,
  button[type="submit"]
) {
  background: var(--urbane-bronze) !important;
  background-image: none !important;
  color: var(--alabaster) !important;
  border: 2px solid var(--urbane-bronze) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
:where(
  .sv-btn-next,
  .sv-btn-forward,
  .sv-btn-submit,
  .sv-hero-cta,
  .sv-pricing-cta,
  .lunada-open-cta,
  .lunada-global-header__cta,
  .lunada-global-menu__cta,
  .nav-cta,
  .nav-cta-mobile,
  .btn-primary,
  button[type="submit"]
):hover {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
  border-color: var(--urbane-bronze) !important;
}
:where(.sv-btn-next,.sv-btn-forward,.sv-btn-submit,button[type="submit"]):disabled {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
  border: 2px solid var(--urbane-bronze) !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

/* Secondary actions */
:where(.sv-btn-back,.sv-upload-add,.legal-document-footer .back,.btn2,.btn-secondary) {
  background: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
  border: 2px solid var(--urbane-bronze) !important;
  opacity: 1 !important;
}
:where(.sv-btn-back,.sv-upload-add,.legal-document-footer .back,.btn2,.btn-secondary):hover {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
}

/* Badges must never use beige text on a pale surface */
.sv-pkg-badge,
.sv-pricing-badge,
.pricing-badge,
.pkg-badge,
.badge {
  background: var(--urbane-bronze) !important;
  color: var(--alabaster) !important;
  border-color: var(--urbane-bronze) !important;
  opacity: 1 !important;
}

/* Intentionally dark sections */
.sv-why-bg,
.sv-why-bg :where(h1,h2,h3,h4,h5,h6,p,li,span,a,.sv-chapter-title,.sv-section-sub,.sv-chapter-num),
.hero,
.hero :where(h1,h2,h3,h4,p,span) {
  color: var(--alabaster) !important;
  opacity: 1 !important;
}
.sv-why-bg { background: var(--urbane-bronze) !important; }
.sv-why-bg .sv-chapter-line,
.sv-why-item { border-color: var(--accessible-beige) !important; }

/* Footer redesigned visibly: Accessible Beige, never the old dark-brown footer */
body footer,
.sv-footer {
  background: var(--accessible-beige) !important;
  background-image: none !important;
  color: var(--urbane-bronze) !important;
  border-top: 2px solid var(--urbane-bronze) !important;
}
body footer :where(p,span,small,a,h1,h2,h3,h4,h5,h6,div),
.sv-footer :where(p,span,small,a,h1,h2,h3,h4,h5,h6,div) {
  color: var(--urbane-bronze) !important;
  opacity: 1 !important;
}
.footer-brand,
.sv-footer-brand {
  background: var(--alabaster) !important;
  border: 2px solid var(--urbane-bronze) !important;
  box-shadow: 0 12px 30px rgba(66,54,42,.14) !important;
}
.footer-brand .logo-img,
.sv-footer-logo img {
  filter: none !important;
  opacity: 1 !important;
}
.footer-brand .social a,
.sv-footer-social {
  background: var(--urbane-bronze) !important;
  color: var(--alabaster) !important;
  border: 2px solid var(--urbane-bronze) !important;
  opacity: 1 !important;
}
.footer-brand .social a:hover,
.sv-footer-social:hover {
  background: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
}
.ft-col h4::after,
.sv-footer-col h4::after {
  background: var(--urbane-bronze) !important;
  opacity: 1 !important;
}
.footer-sub,
.sv-footer-sub {
  color: var(--urbane-bronze) !important;
  border-top: 1px solid var(--urbane-bronze) !important;
  opacity: 1 !important;
}

/* Header */
.lunada-global-header,
nav {
  color: var(--urbane-bronze) !important;
}
.lunada-global-header__desktop a:not(.lunada-global-header__cta),
.lunada-global-menu a:not(.lunada-global-menu__cta),
.nav-links a:not(.nav-cta) {
  color: var(--urbane-bronze) !important;
  opacity: 1 !important;
}

/* Internal panel */
.card,.panel,.list,.stat,.filters,.box,.order {
  background: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
  border-color: var(--urbane-bronze) !important;
}
.order:hover,.order.active { background: var(--accessible-beige) !important; }
.btn { background: var(--urbane-bronze) !important; color: var(--alabaster) !important; border: 2px solid var(--urbane-bronze) !important; }
.btn2 { background: var(--alabaster) !important; color: var(--urbane-bronze) !important; }

/* Minimal borderless refinement — 2026-07-24 */
:root {
  --control-bg: var(--accessible-beige);
  --soft-shadow: 0 10px 30px rgba(66,54,42,.08);
  --hover-shadow: 0 14px 34px rgba(66,54,42,.16);
}

/* Focus remains accessible without a permanent stroke. */
:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(66,54,42,.16) !important;
}

/* Inputs: solid surface, no heavy outline. */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
textarea,
select,
.input,
.select,
.textarea,
.sv-form-group input,
.sv-form-group select,
.sv-form-group textarea {
  background: var(--control-bg) !important;
  color: var(--urbane-bronze) !important;
  border: 0 !important;
  box-shadow: none !important;
  transition: background-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):hover,
textarea:hover,
select:hover,
.input:hover,
.select:hover,
.textarea:hover {
  background: var(--alabaster) !important;
  box-shadow: var(--soft-shadow) !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
textarea:focus,
select:focus,
.input:focus,
.select:focus,
.textarea:focus,
.sv-form-group input:focus,
.sv-form-group select:focus,
.sv-form-group textarea:focus {
  background: var(--alabaster) !important;
  border: 0 !important;
  box-shadow: 0 0 0 4px rgba(66,54,42,.14), var(--soft-shadow) !important;
  outline: none !important;
}

/* Upload and selectable cards: no dashed or boxed strokes. */
.sv-upload-zone,
.sv-option-chip,
.sv-pkg-card,
.package-card {
  border: 0 !important;
  box-shadow: var(--soft-shadow) !important;
}
.sv-upload-zone {
  background: var(--accessible-beige) !important;
}
.sv-upload-zone:hover,
.sv-upload-zone.dragover {
  background: var(--urbane-bronze) !important;
  color: var(--alabaster) !important;
  box-shadow: var(--hover-shadow) !important;
}
.sv-upload-zone:hover *,
.sv-upload-zone.dragover * {
  color: var(--alabaster) !important;
}
.sv-option-chip,
.sv-pkg-card,
.package-card {
  background: var(--alabaster) !important;
  transition: background-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease !important;
}
.sv-option-chip:hover,
.sv-pkg-card:hover,
.package-card:hover {
  background: var(--accessible-beige) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--hover-shadow) !important;
}
.sv-option-chip.selected,
.sv-option-chip:has(input:checked),
.sv-pkg-card.selected,
.sv-pkg-card:has(input:checked),
.package-card.selected {
  background: var(--urbane-bronze) !important;
  color: var(--alabaster) !important;
  border: 0 !important;
  box-shadow: var(--hover-shadow) !important;
}
.sv-option-chip.selected *,
.sv-option-chip:has(input:checked) *,
.sv-pkg-card.selected *,
.sv-pkg-card:has(input:checked) *,
.package-card.selected * {
  color: var(--alabaster) !important;
}

/* Buttons: no stroke; hover must be visually obvious. */
:where(
  .sv-btn-next,
  .sv-btn-forward,
  .sv-btn-submit,
  .sv-btn-primary,
  .sv-cta-btn-primary,
  .sv-hero-cta,
  .sv-pricing-cta,
  .lunada-open-cta,
  .lunada-global-header__cta,
  .lunada-global-menu__cta,
  .nav-cta,
  .nav-cta-mobile,
  .btn-primary,
  .btn,
  button[type="submit"]
) {
  background: var(--urbane-bronze) !important;
  background-image: none !important;
  color: var(--alabaster) !important;
  border: 0 !important;
  box-shadow: 0 8px 22px rgba(66,54,42,.14) !important;
  transition: background-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease !important;
}
:where(
  .sv-btn-next,
  .sv-btn-forward,
  .sv-btn-submit,
  .sv-btn-primary,
  .sv-cta-btn-primary,
  .sv-hero-cta,
  .sv-pricing-cta,
  .lunada-open-cta,
  .lunada-global-header__cta,
  .lunada-global-menu__cta,
  .nav-cta,
  .nav-cta-mobile,
  .btn-primary,
  .btn,
  button[type="submit"]
):not(:disabled):hover {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
  border: 0 !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--hover-shadow) !important;
}
:where(
  .sv-btn-next,
  .sv-btn-forward,
  .sv-btn-submit,
  button[type="submit"]
):disabled {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: .58 !important;
}

:where(
  .sv-btn-back,
  .sv-upload-add,
  .sv-upload-more,
  .legal-document-footer .back,
  .btn2,
  .btn-secondary,
  .sv-btn-ghost,
  .sv-cta-btn-ghost
) {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
  border: 0 !important;
  box-shadow: none !important;
  transition: background-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease !important;
}
:where(
  .sv-btn-back,
  .sv-upload-add,
  .sv-upload-more,
  .legal-document-footer .back,
  .btn2,
  .btn-secondary,
  .sv-btn-ghost,
  .sv-cta-btn-ghost
):not(:disabled):hover {
  background: var(--urbane-bronze) !important;
  color: var(--alabaster) !important;
  border: 0 !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--hover-shadow) !important;
}

/* Header links use a surface change instead of an underline/stroke. */
.lunada-global-header__desktop a:not(.lunada-global-header__cta):hover,
.lunada-global-menu a:not(.lunada-global-menu__cta):hover,
.nav-links a:not(.nav-cta):hover,
.sv-nav-links a:not(.sv-cta):hover {
  background: var(--accessible-beige) !important;
  color: var(--urbane-bronze) !important;
}

/* Footer: open layout, no framed brand card and no separator strokes. */
body footer,
.sv-footer {
  background: var(--accessible-beige) !important;
  background-image: none !important;
  color: var(--urbane-bronze) !important;
  border: 0 !important;
  box-shadow: none !important;
}
.footer-inner,
.sv-footer-inner {
  align-items: start !important;
}
.footer-brand,
.sv-footer-brand {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.footer-brand .social a,
.sv-footer-social {
  background: var(--urbane-bronze) !important;
  color: var(--alabaster) !important;
  border: 0 !important;
  box-shadow: none !important;
  transition: background-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease !important;
}
.footer-brand .social a:hover,
.sv-footer-social:hover {
  background: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
  transform: translateY(-3px) scale(1.04) !important;
  box-shadow: var(--soft-shadow) !important;
}
.ft-col h4::after,
.sv-footer-col h4::after {
  display: none !important;
}
.ft-col a,
.sv-footer-col a {
  margin-left: -8px !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
  transition: background-color .2s ease, color .2s ease, transform .2s ease !important;
}
.ft-col a:hover,
.sv-footer-col a:hover {
  background: var(--alabaster) !important;
  color: var(--urbane-bronze) !important;
  transform: translateX(4px) !important;
}
.footer-sub,
.sv-footer-sub {
  border: 0 !important;
  background: rgba(66,54,42,.06) !important;
  color: var(--urbane-bronze) !important;
  border-radius: 14px !important;
  padding: 18px 20px !important;
  margin-bottom: 18px !important;
}

/* Admin surfaces: reduce the boxed feeling as well. */
.card,
.panel,
.list,
.stat,
.filters,
.box {
  border: 0 !important;
  box-shadow: var(--soft-shadow) !important;
}
.order {
  border: 0 !important;
}