/**
 * Tandor — Tema 2 · petróleo + dourado protagonista (ATIVO na aplicação)
 * NÃO APAGAR — constantes.THEME_CSS_ATIVO = este arquivo
 * Preview: /dev/tema2 · Tema 1: css/tandor-theme.css
 */
*, *::before, *::after { box-sizing: border-box; }

:root {
  /* Petróleo — estrutura (navbar, links, texto de marca) */
  --tandor-petrol-deep:   #152626;
  --tandor-primary-dark:  #1f3333;
  --tandor-primary:       #2a4545;
  --tandor-primary-mid:   #355555;
  --tandor-primary-lt:    #456868;
  --tandor-accent:        #5a8282;

  /* Dourado — protagonista (CTA, ícones, destaques) */
  --tandor-gold:          #e8953c;
  --tandor-gold-lt:       #fdd07d;
  --tandor-gold-cream:    #fcdb95;
  --tandor-gold-deep:     #b86820;
  --tandor-gold-tint:     #fff8eb;
  --tandor-gold-glow:     #f5c76a;

  /* Neutros quentes */
  --tandor-text:          #2c2825;
  --tandor-text-2:        #5c554e;
  --tandor-text-3:        #9a928a;
  --tandor-bg:            #faf8f4;
  --tandor-surface:       #fffcf7;
  --tandor-border:        #ebe4d8;
  --tandor-border-mid:    #d9cfc0;
  --tandor-blue-tint:     #f3ebe0;
  --tandor-blue-50:       #ebe0d0;

  --tandor-radius:        10px;
  --tandor-radius-sm:     6px;
  --tandor-radius-lg:     16px;
  --tandor-spacing:       16px;
  --tandor-font:          'Outfit', system-ui, sans-serif;
  --tandor-transition:    all 200ms cubic-bezier(0.4, 0, 0.2, 1);

  --tandor-shadow-sm: 0 1px 3px rgba(42, 69, 69, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
  --tandor-shadow:    0 2px 8px rgba(42, 69, 69, 0.10), 0 1px 3px rgba(0, 0, 0, 0.04);
  --tandor-shadow-md: 0 4px 16px rgba(42, 69, 69, 0.12), 0 2px 6px rgba(0, 0, 0, 0.05);
  --tandor-shadow-lg: 0 8px 32px rgba(31, 51, 51, 0.14), 0 4px 10px rgba(0, 0, 0, 0.06);

  --tandor-gradient-brand: linear-gradient(
    145deg,
    var(--tandor-petrol-deep) 0%,
    var(--tandor-primary-dark) 40%,
    var(--tandor-primary) 100%
  );
  --tandor-gradient-hero: radial-gradient(
    ellipse 95% 90% at 50% 38%,
    var(--tandor-primary-mid) 0%,
    var(--tandor-primary-dark) 55%,
    var(--tandor-petrol-deep) 100%
  );
  --tandor-gradient-gold: linear-gradient(
    135deg,
    var(--tandor-gold-lt) 0%,
    var(--tandor-gold) 55%,
    var(--tandor-gold-deep) 100%
  );
  --tandor-gradient-gold-soft: linear-gradient(
    145deg,
    #ffe8b8 0%,
    var(--tandor-gold-lt) 100%
  );

  --gym-primary:      var(--tandor-primary);
  --gym-primary-dark: var(--tandor-primary-dark);
  --gym-primary-mid:  var(--tandor-primary-mid);
  --gym-primary-lt:   var(--tandor-primary-lt);
  --gym-accent:       var(--tandor-gold);
  --gym-blue-tint:    var(--tandor-gold-tint);
  --gym-blue-50:      var(--tandor-blue-50);
  --gym-text:         var(--tandor-text);
  --gym-text-2:       var(--tandor-text-2);
  --gym-text-3:       var(--tandor-text-3);
  --gym-bg:           var(--tandor-bg);
  --gym-surface:      var(--tandor-surface);
  --gym-border:       var(--tandor-border);
  --gym-border-mid:   var(--tandor-border-mid);
  --gym-radius:       var(--tandor-radius);
  --gym-radius-sm:    var(--tandor-radius-sm);
  --gym-radius-lg:    var(--tandor-radius-lg);
  --gym-font:         var(--tandor-font);
  --gym-transition:   var(--tandor-transition);
  --gym-shadow-sm:    var(--tandor-shadow-sm);
  --gym-shadow:       var(--tandor-shadow);
  --gym-shadow-md:    var(--tandor-shadow-md);
  --gym-shadow-lg:    var(--tandor-shadow-lg);

  --Tandor-primary:      var(--tandor-primary);
  --Tandor-primary-dark: var(--tandor-primary-dark);
  --Tandor-primary-mid:  var(--tandor-primary-mid);
  --Tandor-primary-lt:   var(--tandor-primary-lt);
  --Tandor-accent:       var(--tandor-gold);
  --Tandor-gold:         var(--tandor-gold);
  --Tandor-gold-lt:      var(--tandor-gold-lt);
  --Tandor-blue-tint:    var(--tandor-gold-tint);
  --Tandor-bg:           var(--tandor-bg);
  --Tandor-surface:      var(--tandor-surface);
  --Tandor-border:       var(--tandor-border);
  --Tandor-text:         var(--tandor-text);
  --Tandor-text-2:       var(--tandor-text-2);
  --Tandor-font:         var(--tandor-font);
  --Tandor-transition:   var(--tandor-transition);
  --hero-gradient:       var(--tandor-gradient-hero);
}

.tandor-brand-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 0 0 2px rgba(253, 208, 125, 0.45);
}

.navbar.tandor-navbar,
.navbar {
  background: var(--tandor-gradient-brand) !important;
  box-shadow: 0 2px 12px rgba(21, 38, 38, 0.35);
}

.navbar .nav-link.active,
.navbar .nav-link:hover {
  border-bottom-color: var(--tandor-gold-lt) !important;
}

.btn-primary {
  background: var(--tandor-gradient-gold) !important;
  border-color: var(--tandor-gold-deep) !important;
  color: #2c2018 !important;
  font-weight: 600;
}

.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(145deg, var(--tandor-gold-glow), var(--tandor-gold)) !important;
  border-color: var(--tandor-gold-deep) !important;
  color: #1f1812 !important;
  box-shadow: 0 4px 16px rgba(232, 149, 60, 0.35) !important;
}

.btn-outline-primary {
  color: var(--tandor-primary) !important;
  border-color: var(--tandor-primary-mid) !important;
  background: transparent !important;
}

.btn-outline-primary:hover {
  background: var(--tandor-gold-tint) !important;
  border-color: var(--tandor-gold) !important;
  color: var(--tandor-gold-deep) !important;
}

.page-title > i.bi,
.page-title i.text-primary {
  color: var(--tandor-gold) !important;
}

.text-primary {
  color: var(--tandor-primary-mid) !important;
}

.bg-primary {
  background: var(--tandor-gradient-gold) !important;
  color: #2c2018 !important;
}

.badge.bg-primary {
  background: var(--tandor-gradient-gold) !important;
  color: #2c2018 !important;
}

a:not(.btn):not(.nav-link):not(.dropdown-item) {
  color: var(--tandor-primary-mid);
}

a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
  color: var(--tandor-gold-deep);
}

.form-control:focus,
.form-select:focus {
  border-color: var(--tandor-gold);
  box-shadow: 0 0 0 0.2rem rgba(232, 149, 60, 0.22);
}

.module-card .module-icon {
  color: var(--tandor-gold) !important;
}

.module-card:hover .module-icon {
  color: var(--tandor-gold-deep) !important;
}

.card:hover {
  border-color: var(--tandor-gold-cream);
}

.card {
  background: var(--tandor-surface);
}