/* THE LUXURY AFRICA DMC — canonical public palette
   Palette source: approved September 2026 brand board. */
:root {
  --tla-ebony: #151A1C;
  --tla-atlas: #24364A;
  --tla-bronze: #9A743E;
  --tla-sienna: #8A5A3A;
  --tla-accent: #A7563D;
  --tla-dune: #C7B79B;
  --tla-sand: #F5F1E8;

  /* Compatibility aliases used by the public page templates. */
  --ink: var(--tla-ebony);
  --deep: var(--tla-ebony);
  --leaf: var(--tla-atlas);
  --leaf-mid: var(--tla-atlas);
  --sage: var(--tla-atlas);
  --paper: var(--tla-sand);
  --cream: var(--tla-sand);
  --cream-dark: var(--tla-dune);
  --gold: var(--tla-bronze);
  --gold-dark: var(--tla-sienna);
  --line: var(--tla-dune);
  color-scheme: light;
}

html { background: var(--tla-sand); }
body { background: var(--tla-sand); color: var(--tla-ebony); }

/* The brand uses crisp, architectural edges rather than rounded UI shapes. */
*, *::before, *::after { border-radius: 0 !important; }

a { color: var(--tla-atlas); }
a:hover, a:focus-visible { color: var(--tla-sienna); }

::selection { background: var(--tla-bronze); color: var(--tla-sand); }

button, input, select, textarea {
  border-color: color-mix(in srgb, var(--tla-dune) 82%, var(--tla-ebony));
}

button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline-color: var(--tla-bronze);
}

.btn-primary, .btn-gold, .btn-warning,
.btn-global.btn-gold, .tla-kenya-link:hover {
  background-color: var(--tla-bronze) !important;
  border-color: var(--tla-bronze) !important;
  color: var(--tla-sand) !important;
}

.btn-primary:hover, .btn-gold:hover, .btn-warning:hover,
.btn-global.btn-gold:hover {
  background-color: var(--tla-sienna) !important;
  border-color: var(--tla-sienna) !important;
  color: var(--tla-sand) !important;
}

.btn-dark, .btn-secondary, .btn-outline-dark:hover {
  background-color: var(--tla-atlas) !important;
  border-color: var(--tla-atlas) !important;
  color: var(--tla-sand) !important;
}

.badge, .label, .tag, .tagline { border-color: var(--tla-dune); }

/* Common legacy Bootstrap surfaces, restyled without changing layout. */
.bg-dark, .navbar-dark, .footer-area, .footer, .site-footer {
  background-color: var(--tla-ebony) !important;
  color: var(--tla-sand);
}

.bg-light, .bg-white, .section-light {
  background-color: var(--tla-sand) !important;
}