/* template/style.css */

/* Paleta */
:root{
  --emp-bg: #092e48;       /* fundo principal */
  --emp-800:#0b3a5d;
  --emp-900:#072338;
  --emp-border:#1c4560;
  --emp-text-100:#dbe8ef;  /* texto claro */
  --emp-text-200:#b8d0dd;  /* texto suave */
  --emp-accent:#287aa0;    /* labels/links/botoes */
}

/* Backgrounds e textos base */
.bg-primary-emp { background: var(--emp-bg) !important; }
.bg-emp-800 { background: var(--emp-800) !important; }
.bg-emp-900 { background: var(--emp-900) !important; }
.text-emp-100 { color: var(--emp-text-100) !important; }
.text-emp-200 { color: var(--emp-text-200) !important; }
.text-accent { color: var(--emp-accent) !important; }
.border-emp-200 { border-color: var(--emp-border) !important; }
.link-accent { color: var(--emp-accent) !important; }
.link-accent:hover { color: #2e8fbf !important; }
.link-light:hover { color: var(--emp-accent) !important; }

/* Form & cards */
.form-control {
  border-color: var(--emp-border) !important;
}
.card { color: #fff; }

/* Botões */
.btn-accent {
  --bs-btn-bg: var(--emp-accent);
  --bs-btn-border-color: var(--emp-accent);
  --bs-btn-hover-bg: #2e8fbf;
  --bs-btn-hover-border-color: #2e8fbf;
  --bs-btn-active-bg: #257196;
  --bs-btn-active-border-color: #257196;
  color: #fff;
}

/* Spacers */
.py-6 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
.pb-6 { padding-bottom: 5rem !important; }

/* Logo (lupa com olho) — branco */
.logo-lupa-olho,
.logo-hero{
  display:inline-block;
  width: 36px; height: 36px;
  background: no-repeat center/contain;
  filter: drop-shadow(0 0 0 rgba(0,0,0,0)); /* garante branco puro */
}

/* Versão maior usada no herói */
.logo-hero{ width:120px; height:120px; margin: 0 auto; }

/* SVG inline via data URI (branco) */
.logo-lupa-olho,
.logo-hero{
  background-image: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='white' stroke='white' stroke-width='8'>\
    <defs><clipPath id='c'><circle cx='90' cy='90' r='60'/></clipPath></defs>\
    <!-- lente -->\
    <circle cx='90' cy='90' r='60' fill='none'/>\
    <!-- alça -->\
    <line x1='128' y1='128' x2='180' y2='180' stroke-linecap='round'/>\
    <!-- olho dentro da lente -->\
    <g clip-path='url(%23c)'>\
      <path d='M30 90 Q90 40 150 90 Q90 140 30 90Z' fill='none'/>\
      <circle cx='90' cy='90' r='18' fill='white'/>\
      <circle cx='95' cy='85' r='6' fill='%23092e48'/>\
    </g>\
  </svg>");
}

/* Títulos em branco por padrão */
h1,h2,h3,h4,h5,h6, p, .navbar, .nav-link, body { color: #fff; }

/* Bordas e detalhes */
.border-emp-200 { border-color: var(--emp-border) !important; }
.navbar-dark .navbar-brand, .navbar-dark .nav-link { color: #fff; }