/* Theme variables derived from provided palette */
:root{
  --mls-bg:#eef2f6;            /* light section bg */
  --mls-card:#f6f8fb;          /* card surface */
  --mls-border:#e5e7eb;        /* soft borders */
  --mls-primary:#2ea6bf;       /* teal brand */
  --mls-primary-600:#278ea6;   /* darker teal */
  --mls-text:#1f2a37;          /* dark navy text */
  --mls-muted:#6b7280;         /* muted text */
  --mls-white:#ffffff;
}

/* Layout */
.mls-marketplace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:10px 0}
.mls-card{background:var(--mls-card);border:1px solid var(--mls-border);border-radius:14px;padding:18px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.mls-card .button{margin-top:8px}

.mls-teacher-profile{background:var(--mls-white);border:1px solid var(--mls-border);border-radius:16px;padding:20px}
.mls-teacher-profile .mls-teacher-header{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start}
@media(max-width:640px){.mls-teacher-profile .mls-teacher-header{grid-template-columns:1fr}}

.mls-teacher-profile h2,.mls-dash h2{color:var(--mls-text);font-weight:800}
.mls-teacher-profile h3,.mls-dash h3{color:var(--mls-text);font-weight:700;margin-top:18px}
.mls-teacher-desc,.mls-teacher-meta{color:var(--mls-muted)}

/* Lists */
.mls-lesson-list,.mls-credits,.mls-message-list{list-style:none;padding:0;margin:0}
.mls-lesson-list li{margin:6px 0;padding:8px 10px;border:1px solid var(--mls-border);border-radius:10px;background:var(--mls-white)}

/* Buttons */
.button, .button-primary{background:var(--mls-primary);border-color:var(--mls-primary);color:var(--mls-white);border-radius:10px;padding:.6em 1.2em;font-weight:600}
.button:hover,.button-primary:hover{background:var(--mls-primary-600);border-color:var(--mls-primary-600);color:var(--mls-white)}

/* Featured card style (like center tile) */
.mls-card.is-featured{background:var(--mls-primary);color:var(--mls-white)}
.mls-card.is-featured h3,.mls-card.is-featured p{color:var(--mls-white)}

/* Forms */
input[type="text"],input[type="email"],input[type="number"],input[type="datetime-local"],select,textarea{border:1px solid var(--mls-border);border-radius:10px;padding:10px;width:100%;background:var(--mls-white)}

/* Sections */
body .mls-section{background:var(--mls-bg);padding:24px;border-radius:16px}