/* Copied from GL-Standards brand/gl-solutions/tokens.css (Layer 1). Do not edit here: update GL-Standards and re-copy. */
/*
 * ─────────────────────────────────────────────────────────────────────────────
 * GL-Solutions.AI — Layer-1 brand tokens (universal)
 *
 * Layer-1 means: applies to every artifact across every customer. Customer
 * overlays (Court palette, customer fonts, customer-specific layouts) live
 * in each customer's own brand directory and may override or extend these.
 *
 * What this file owns:
 *   • GL-Solutions.AI brand palette (gold + ink + bone)
 *   • Footer "Powered by GL-Solutions.AI" chrome rules
 *   • Legacy `--gl-orange` accent (kept for legacy customer footers needing warm
 *     contrast on navy chrome; not a primary brand color)
 *
 * What this file deliberately does NOT own:
 *   • Typography stack (font choice is customer-overlay; e.g. one customer pairs Lato/Lora)
 *   • Type scale, layout ratios, breakpoints (per-site design choices)
 *   • Component styling (cards, badges, forms)
 *
 * Sample provenance: gold tones sampled from logos/gl-logo-color-dark.png
 * via `magick … -colors 5 histogram:info:` on 2026-05-04.
 * ─────────────────────────────────────────────────────────────────────────────
 */

:root {
  /* ── GL-Solutions.AI brand palette ────────────────────────────────────── */
  --gl-gold: #dda430; /* primary brand gold (logo mid-tone) */
  --gl-gold-bright: #f9d25e; /* highlight — gold on dark surfaces */
  --gl-gold-deep: #bb892e; /* shadow — gold on light surfaces */
  --gl-ink: #1b1b1b; /* primary text on light backgrounds */
  --gl-bone: #ffffff; /* primary text on dark backgrounds */

  /* ── Legacy accent (kept for legacy customer-footer compatibility) ───── */
  /* Used where pure gold lacks contrast on navy chrome. Prefer --gl-gold
   * for new surfaces. */
  --gl-orange: #ff7e1c;
}

/* ─────────────────────────────────────────────────────────────────────────
 * Footer chrome — "Powered by GL-Solutions.AI for the [Customer]" line.
 *
 * Markup contract (see footer.astro):
 *   <footer class="gl-footer" role="contentinfo">
 *     <p class="powered">
 *       Powered by
 *       <a class="company-link" …><span class="company">GL-Solutions.AI</span></a>
 *       for the <span class="customer-owner">[Customer Name]</span>
 *     </p>
 *   </footer>
 *
 * Customer overlays may restyle .gl-footer background/foreground; this file
 * defines neutral defaults and the .company / .customer-owner inner spans.
 * ───────────────────────────────────────────────────────────────────── */

.gl-footer {
  background: var(--gl-footer-bg, var(--gl-ink));
  color: var(--gl-footer-fg, var(--gl-bone));
  padding: 0.75rem 1.5rem;
  font-size: 0.8125rem;
  line-height: 1.45;
  text-align: right;
  border-top: 2px solid var(--gl-gold);
  min-height: 2.5rem;
}
.gl-footer .powered {
  margin: 0;
}
.gl-footer a.company-link {
  color: inherit;
  text-decoration: none;
}
.gl-footer a.company-link:hover {
  text-decoration: underline;
}
.gl-footer .company {
  color: var(--gl-company-color, var(--gl-gold));
  font-weight: 700;
  letter-spacing: 0.02em;
}
.gl-footer .customer-owner {
  color: var(--gl-customer-color, inherit);
  font-weight: 600;
}
