/* ===== Emerald Sunrise — Light ===== */
:root{
  /* Fondo más claro con tinte aqua/verde */
  --bg-1:#EAF7F5;    /* aqua muy suave */
  --bg-2:#F4FBFA;    /* casi blanco con verde agua */
  --surface:#FFFFFF; /* superficies principales claras */
  --surface-tint:#FFFFFF;
  --border:#DCE9E6;

  --text:#0F2A2A;    /* texto principal oscuro verdoso */
  --muted:#5E7573;   /* texto secundario */

  --bs-primary:#1AC8A6;                 /* esmeralda */
  --bs-primary-rgb:26,200,166;
  --bs-info:#28C5F6; 
  --bs-success:#16A34A; 
  --bs-warning:#F4B740; 
  --bs-danger:#EF4444;

  --radius:1rem; 
  --btn-radius:.85rem;
  --shadow-sm:0 4px 18px rgba(7, 55, 52, .08);
  --shadow-md:0 10px 28px rgba(7, 55, 52, .12);
}

/* Global */
body{
  background:
    radial-gradient(900px 600px at -10% -20%, rgba(26,200,166,.12), transparent 55%),
    radial-gradient(900px 600px at 110% -10%, rgba(40,197,246,.10), transparent 60%),
    linear-gradient(180deg, var(--bg-1), var(--bg-2));
  color:var(--text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

/* Cards & Modals */
.card{
  background: var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
}
.card:hover{ box-shadow:var(--shadow-md) }
.modal-content{
  background: #FFFFFF;
  border:1px solid var(--border);
  border-radius:1rem;
  box-shadow:0 18px 60px rgba(7,55,52,.18);
}
.modal-header .btn.btn-icon{
  width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;border:1px solid var(--border);background:#F7FFFD;
}

/* Nav Pills (tabs) */
.nav-pills .nav-link{
  color:var(--muted); border-radius:.9rem; border:1px solid transparent;
}
.nav-pills .nav-link:hover{
  background: rgba(var(--bs-primary-rgb), .10); color:#0D3B36;
}
.nav-pills .nav-link.active{
  background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), .20), rgba(40,197,246,.18));
  color:#0B2F2B; border-color: rgba(var(--bs-primary-rgb), .25);
}

/* Forms */
.form-control,.form-select{
  background:#FFFFFF; color:var(--text);
  border:1px solid var(--border); border-radius:.85rem;
}
.form-control:focus,.form-select:focus{
  border-color: rgba(var(--bs-primary-rgb), .8);
  box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), .18);
}

/* Buttons */
.btn{ border-radius:var(--btn-radius); font-weight:700; letter-spacing:.2px; transition:all .18s ease }
.btn-primary{
  background: linear-gradient(135deg, #1AC8A6 0%, #0ab39c 100%);
  border:0; color:#062a27; box-shadow:0 10px 22px rgba(26,200,166,.25);
}
.btn-primary:hover{ transform:translateY(-1px); filter:saturate(1.05) }
.btn-outline-secondary{
  color:#0C3A35; border-color:var(--border); background:#FFFFFF;
}
.btn-outline-secondary:hover{
  color:#062a27; background:#E9FCF7; border-color:#20d1b0;
}

/* Badges */
.badge.bg-secondary{ background:#E6F3F0; color:#35524E }
.badge.bg-success{ background:#16A34A }
.badge.bg-info{ background:#28C5F6 }
.badge.bg-danger{ background:#EF4444 }
.badge.text-bg-primary{ background:#1AC8A6; color:#062a27 }

/* Tables */
.table thead th{ color:#365551 }
.table td, .table th{ vertical-align:middle }

/* Glass effect (opcional) */
.card-glass{
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(220,233,230,.9);
  border-radius: 1rem;
}

/* Links */
a{ color:#0EA9A0 }
a:hover{ color:#0A7F79 }
a.text-muted:hover{ color:#0EA9A0 }

/* Micro-interacciones */
.card, .btn { will-change: transform, box-shadow }