/* ============================================================================
   navatech-web.css — NAVATECH public-website brand skin
   ----------------------------------------------------------------------------
   Scope: PUBLIC marketing / CMS-rendered pages ONLY. Linked LAST in
   fragments/public/public-layout.html (after iesmac-support.css AND after each
   page's iesmac-marketing.css), so these :root tokens win by source order.

   The admin app + ESS never load this file, so they keep the house teal —
   this is a deliberately website-scoped rebrand (not a global token flip).

   Palette sampled from the NAVATECH logo (orange gradient head):
     primary  #F26522   deep #D9531A   light #FF8A4C   gradient #FF8A4C→#F0531C
   ========================================================================== */

/* !important on the custom-property VALUES so these win regardless of stylesheet
   source order — the thymeleaf-layout dialect appends each page's
   iesmac-marketing.css AFTER this file, and an !important custom property beats a
   later non-important one. Harmless (public pages only load this skin). */
:root {
  /* Phoenix brand tokens the whole marketing layer derives from */
  --phoenix-primary: #F26522 !important;
  --phoenix-primary-rgb: 242, 101, 34 !important;
  --phoenix-primary-darker: #D9531A !important;
  --phoenix-primary-lighter: #FF8A4C !important;
  --phoenix-secondary: #1A1A2E !important;
  --phoenix-secondary-rgb: 26, 26, 46 !important;
  --phoenix-accent: #FF8A4C !important;

  /* iesmac-marketing.css (mk-*) component tokens */
  --mk-accent: #FF8A4C !important;
  --mk-dark:   #2A1710 !important;   /* warm charcoal (was midnight-teal #0b1d23) */
  --mk-dark-2: #4A2413 !important;
  --mk-glow:   rgba(242, 101, 34, .22) !important;

  /* Bootstrap link colour used by raw-bootstrap public pages */
  --bs-link-color: #F26522 !important;
  --bs-link-hover-color: #D9531A !important;
}

/* Dark mode: lift the orange for contrast on dark surfaces (mirrors the
   house dark-mode primary-lift in iesmac-support.css). */
.dark {
  --phoenix-primary: #FF7A45 !important;
  --phoenix-primary-rgb: 255, 122, 69 !important;
  --mk-accent: #FFA05C !important;
  --mk-glow: rgba(255, 122, 69, .26) !important;
}

/* ---- NAVATECH wordmark (replaces the raster logo in nav + footer) --------- */
.nava-logo {
  display: inline-flex;
  flex-direction: column;
  line-height: 1;
  text-decoration: none;
}
.nava-logo .nava-word {
  font-weight: 800;
  letter-spacing: .045em;
  font-size: 1.35rem;
  background: linear-gradient(135deg, #FF8A4C 0%, #F0531C 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.nava-logo .nava-tag {
  font-size: .5rem;
  letter-spacing: .2em;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--phoenix-primary);
  margin-top: 2px;
}

/* ---- Contrast / a11y fixups on public pages ------------------------------- */
/* iesmac-support.css maps solid .badge.bg-primary to a teal-tinted chip; re-tint
   to a NAVATECH soft-orange so badges match the brand and keep WCAG-AA text. */
.badge.bg-primary:not(.position-absolute) {
  background-color: #fdece1 !important;
  color: #b23c0c !important;
}
.dark .badge.bg-primary:not(.position-absolute) {
  background-color: rgba(var(--phoenix-primary-rgb), .12) !important;
  color: #ffb488 !important;
}

/* btn-primary text must stay white on the orange fill (Phoenix sometimes ships
   a dark-on-primary rule tuned for the lighter teal). */
.btn-primary {
  --phoenix-btn-color: #fff;
  color: #fff;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--phoenix-primary-darker);
  border-color: var(--phoenix-primary-darker);
  color: #fff;
}