/* ══════════════════════════════════════
   theme.css — Variáveis de tema e reset
   Grupo Comber — Portal de Gestão
══════════════════════════════════════ */

[data-theme="dark"] {
  --bg:       #0a2238;
  --bg2:      #162e44;
  --bg3:      #1e3a52;
  --border:   rgba(255,255,255,.08);
  --border2:  rgba(255,255,255,.14);
  --text:     #f5f7fa;
  --text2:    #8a9ab0;
  --text3:    #c4cdd8;
  --input-bg: #0a2238;
  --shadow:   rgba(0,0,0,.35);
}

[data-theme="light"] {
  --bg:       #f0f4f8;
  --bg2:      #ffffff;
  --bg3:      #e8eef5;
  --border:   rgba(0,0,0,.08);
  --border2:  rgba(0,0,0,.14);
  --text:     #0a2238;
  --text2:    #5a7080;
  --text3:    #2c4a60;
  --input-bg: #f8fafc;
  --shadow:   rgba(0,0,0,.12);
}

:root {
  --gold:       #c8992a;
  --gold-light: #e8b84b;
  --navy:       #103451;
  --green:      #4caf8a;
  --red:        #e05a5a;
  --blue:       #5b9bd5;
  --purple:     #9b7fd4;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: background-color .25s, color .2s, border-color .2s;
}

body {
  font-family: 'Montserrat', sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  overflow-x: hidden;
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
.anim    { animation: fadeUp .3s ease both; }
.anim-d1 { animation-delay: .05s; }
.anim-d2 { animation-delay: .10s; }
.anim-d3 { animation-delay: .15s; }
.anim-d4 { animation-delay: .20s; }
.anim-d5 { animation-delay: .25s; }
.anim-d6 { animation-delay: .30s; }