/* Teques public brand layer — loaded AFTER Finder's compiled theme.min.css.
   Keeps the logo/wordmark on-brand without recompiling the Finder Sass. Full
   palette repalette of the public storefront (buttons/links → navy/teal/orange)
   is a follow-up in the Finder _user-variables.scss + rebuild. */

:root {
  --tq-navy:   #0E3B4A;   /* ink / primary */
  --tq-teal:   #1CA9A0;   /* secondary */
  --tq-orange: #E8743B;   /* accent / CTA */
  --tq-paper:  #F7F4EF;   /* background */
}

/* Wordmark — Poppins, matches the logo lockup. */
.brand-wordmark {
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--tq-navy);
  line-height: 1;
}
/* On dark/navy surfaces (footer, dark navbars) the wordmark reverses to white. */
[data-bs-theme="dark"] .brand-wordmark,
.bg-dark .brand-wordmark { color: #fff; }

/* ── Storefront repalette ──────────────────────────────────────────────────
   Finder is compiled Bootstrap with the --fn- prefix. Overriding the root
   --fn-primary* cascades to .text-primary/.bg-primary/badges/subtle utilities;
   .btn-* bake their colors per variant so we set --fn-btn-* explicitly.
   Scheme: primary = Lake Navy · links = Teal (secondary) · CTA = Sun Orange. */
:root {
  --fn-primary:               #0E3B4A;
  --fn-primary-rgb:           14, 59, 74;
  --fn-primary-text-emphasis: #0A2C37;
  --fn-primary-bg-subtle:     #E4EBEE;
  --fn-primary-border-subtle: #B9C8CE;

  /* Links stay teal — the secondary, "lake water" accent. */
  --fn-link-color:            #158B83;
  --fn-link-color-rgb:        21, 139, 131;
  --fn-link-hover-color:      #0F726B;
  --fn-link-hover-color-rgb:  15, 114, 107;

  /* Headings ink → navy. */
  --fn-heading-color:         #0E3B4A;
}

.btn-primary {
  --fn-btn-color: #fff;            --fn-btn-bg: #0E3B4A;            --fn-btn-border-color: #0E3B4A;
  --fn-btn-hover-color: #fff;      --fn-btn-hover-bg: #0A2C37;      --fn-btn-hover-border-color: #0A2C37;
  --fn-btn-active-color: #fff;     --fn-btn-active-bg: #0A2C37;     --fn-btn-active-border-color: #082430;
  --fn-btn-disabled-color: #fff;   --fn-btn-disabled-bg: #0E3B4A;  --fn-btn-disabled-border-color: #0E3B4A;
  --fn-btn-focus-shadow-rgb: 14, 59, 74;
}
.btn-outline-primary {
  --fn-btn-color: #0E3B4A;         --fn-btn-border-color: #0E3B4A;
  --fn-btn-hover-color: #fff;      --fn-btn-hover-bg: #0E3B4A;      --fn-btn-hover-border-color: #0E3B4A;
  --fn-btn-active-color: #fff;     --fn-btn-active-bg: #0E3B4A;     --fn-btn-active-border-color: #0E3B4A;
  --fn-btn-focus-shadow-rgb: 14, 59, 74;
}

/* Sun Orange — the primary call-to-action (Publicar, search, contact). */
.btn-cta {
  --fn-btn-color: #fff;            --fn-btn-bg: #E8743B;           --fn-btn-border-color: #E8743B;
  --fn-btn-hover-color: #fff;      --fn-btn-hover-bg: #D5602A;     --fn-btn-hover-border-color: #D5602A;
  --fn-btn-active-color: #fff;     --fn-btn-active-bg: #C4551F;    --fn-btn-active-border-color: #C4551F;
  --fn-btn-disabled-color: #fff;   --fn-btn-disabled-bg: #E8743B; --fn-btn-disabled-border-color: #E8743B;
  --fn-btn-focus-shadow-rgb: 232, 116, 59;
  color: #fff;
}
