/* =========================================================
   DEFAULT THEME (LIGHT)
========================================================= */
:root{
  --bg:#ffffff;
  --soft:#f8fafc;
  --border:#e5e7eb;

  --text:#0f172a;
  --muted:#64748b;

  --primary:#2563eb;
  --primary-soft:#4f6ef7;
  --primary-dark:#1e40af;

  --success:#16a34a;
  --danger:#dc2626;

  --radius:16px;
}

/* =========================================================
   GLOBAL
========================================================= */
body{
  background:var(--bg);
  color:var(--text);
}

/* =========================================================
   LINKS
========================================================= */
a{
  color:var(--primary);
}

a:hover{
  color:var(--primary-dark);
}

/* =========================================================
   BUTTONS (THEME OVERRIDES)
========================================================= */
.btn.primary{
  background:var(--primary);
  border-color:var(--primary);
  color:#fff;
}

.btn.primary:hover{
  background:var(--primary-dark);
  border-color:var(--primary-dark);
}

.btn.green{
  background:var(--success);
  border-color:var(--success);
}

.btn.danger{
  background:var(--danger);
  border-color:var(--danger);
}

/* =========================================================
   CARDS
========================================================= */
.card{
  background:#ffffff;
}

/* =========================================================
   MODAL
========================================================= */
.modal{
  background:#ffffff;
}

/* =========================================================
   INPUTS
========================================================= */
input,
textarea,
select{
  background:#ffffff;
  color:var(--text);
  border-color:var(--border);
}

input::placeholder{
  color:var(--muted);
}

/* =========================================================
   SELECTION
========================================================= */
::selection{
  background:rgba(37,99,235,.15);
}