/* Theme: pastel-mint (light, high contrast) */

:root{
 --bg-0:#f7fffb; --bg-1:#effdf5; --acc-0:#10b981; --acc-1:#059669;
 --txt-0:#0f172a; --txt-1:#334155; --muted:#64748b; --card:#ffffff; --border:#d1fae5;
 --shadow:0 6px 18px rgba(16,185,129,.08);
}


/* Light theme, high legibility baseline */
html, body{
  background: linear-gradient(180deg, var(--bg-0), var(--bg-1));
  color: var(--txt-0);
}
a{ color: var(--acc-1); }
a:hover{ color: var(--acc-0); }

/* Buttons */
button, .btn, [class*="btn-"]{
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.9));
  color: var(--acc-1) !important;
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: var(--shadow);
}
button:hover, .btn:hover, [class*="btn-"]:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
}

/* Cards */
.card, [class*="card"]{
  background: var(--card);
  border: 1px solid var(--border);
  box-shadow: 0 4px 14px rgba(0,0,0,.04);
}

/* Headings */
h1, h2, h3, h4, h5, h6{
  color: var(--txt-0);
}

/* Badges / chips */
.badge, [class*="badge"]{
  background: color-mix(in srgb, var(--border) 60%, white);
  color: var(--acc-1);
  border: 1px solid var(--border);
}

/* Tables and inputs gentle borders */
table, th, td, input, select, textarea{
  border-color: var(--border);
}

/* Ensure high contrast for small text within muted areas */
.small, .text-muted, .muted, [class*="muted"]{
  color: var(--txt-1);
}