:root {
  --teal:       #2D6E6E;
  --td:         #1a4a4a;
  --tl:         #e8f4f4;
  --amber:      #F5A623;
  --red:        #8B0000;
  --cream:      #F0EDE8;
  --white:      #ffffff;
  --text:       #1a1a1a;
  --muted:      #666666;
  --nav-bg:     rgba(240,237,232,0.96);
  --hero-bg:    #1a4a4a;
  --footer-bg:  #1a4a4a;
  --btn-primary:#F5A623;
  --btn-teal:   #2D6E6E;
  --r:          12px;
  --rs:         8px;
  --font-titulo:'Playfair Display', Georgia, serif;
  --font-corpo: 'DM Sans', Arial, sans-serif;
}

/* Aplicar variáveis dinâmicas sobre o CSS base */
body { font-family: var(--font-corpo); background: var(--cream); color: var(--text); }
h1,h2,h3,h4,h5 { font-family: var(--font-titulo); }

.nav { background: var(--nav-bg); }
.nav-brand { color: var(--td); }
.nav-brand em { color: var(--amber); }
.nav-links a:hover { color: var(--teal); }
.btn-nav { background: var(--teal); color: #fff !important; }
.btn-nav:hover { background: var(--td); }

.hero { background: var(--hero-bg); }
.hero-eyebrow { background: rgba(0,0,0,.15); color: var(--amber); border-color: rgba(0,0,0,.2); }

.btn-primary { background: var(--btn-primary); color: #fff; border-radius: 30px; }
.btn-teal    { background: var(--btn-teal);    color: #fff; border-radius: 30px; }
.btn-outline { border-radius: 30px; }
.btn-outline-teal { color: var(--teal); border-color: var(--teal); border-radius: 30px; }
.btn-outline-teal:hover { background: var(--tl); }

.card { border-radius: var(--r); }
.service-card { border-radius: var(--r); }
.service-card::after {}
.service-card:nth-child(1)::after { background: var(--teal); }
.service-card:nth-child(2)::after { background: var(--amber); }
.service-card:nth-child(3)::after { background: var(--red); }
.service-card:nth-child(4)::after { background: var(--td); }

.events-section { background: var(--hero-bg); }
.event-date { background: var(--amber); }
.vagas-fill { background: var(--amber); }

.section-label { color: var(--teal); }
.blog-cat { color: var(--teal); }
.testi-stars { color: var(--amber); }

.contact-dot { background: var(--tl); }
.btn-whatsapp { background: #25d366; }

.admin-sidebar { background: var(--td); }
.admin-nav-item.active { border-left-color: var(--amber); }
.stat-card .val { color: var(--teal); }
.data-table th { background: var(--cream); }

footer, .footer { background: var(--footer-bg); }
.footer-logo em { color: var(--amber); }
.footer-col ul li a:hover { color: var(--amber); }

.tag-teal { background: var(--tl); color: var(--td); }
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus { border-color: var(--teal); }

.whatsapp-float { background: #25d366; }
.cookie-banner .btn-cookie-ok { background: var(--teal); }

.insc-btn { background: var(--btn-primary); }
.btn-event { border-color: rgba(255,255,255,.3); }
.nav-cta { background: var(--teal); }

/* Bordas radius globais */
.form-group input, .form-group select, .form-group textarea { border-radius: var(--rs); }
.table-wrap { border-radius: var(--r); }
.stat-card { border-radius: var(--rs); }
.blog-card { border-radius: var(--r); }
.testi-card { border-radius: var(--r); }
.event-card { border-radius: var(--r); }
.section-inline { border-radius: var(--r); }