:root {
  --mk-bg: #f3f7fb;
  --mk-panel: #ffffff;
  --mk-text: #1a2730;
  --mk-muted: #586773;
  --mk-border: #d4e0e8;

  --mk-brand-snow: #deefff;
  --mk-brand-sky: #5c8fbc;
  --mk-brand-pine: #1f5d46;
  --mk-brand-gold: #b0842a;
  --mk-brand-red: #b4463d;
  --mk-brand-night: #2f4f75;

  --mk-info: #3f7ea8;
  --mk-alerts: #83508f;
  --mk-hours: var(--mk-brand-pine);
  --mk-prices: var(--mk-brand-gold);
  --mk-status: var(--mk-brand-red);
  --mk-programs: var(--mk-brand-night);
}

body {
  background: radial-gradient(circle at 8% 10%, var(--mk-brand-snow) 0%, var(--mk-bg) 42%, #eaf1f8 100%);
  color: var(--mk-text);
}

/* Keep cards and forms crisp against the soft page background. */
[data-slate-editor],
main,
section,
article,
form {
  color: var(--mk-text);
}

/* Sidebar links for each split data file. */
a[href*="info_list_status_alert"],
a[href*="mk_variables_info"],
a[href*="mk_hours"],
a[href*="mk_prices"],
a[href*="mk_status"],
a[href*="mk_programs"] {
  border-left-width: 6px;
  border-left-style: solid;
  border-radius: 8px;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

a[href*="info_list_status_alert"] {
  border-left-color: var(--mk-info);
  --mk-section-color: var(--mk-info);
  background: rgba(46, 111, 149, 0.1);
  background: color-mix(in srgb, var(--mk-info) 10%, white);
}

a[href*="mk_variables_info"] {
  border-left-color: var(--mk-alerts);
  --mk-section-color: var(--mk-alerts);
  background: rgba(124, 63, 140, 0.1);
  background: color-mix(in srgb, var(--mk-alerts) 10%, white);
}

a[href*="mk_hours"] {
  border-left-color: var(--mk-hours);
  --mk-section-color: var(--mk-hours);
  background: rgba(14, 122, 107, 0.1);
  background: color-mix(in srgb, var(--mk-hours) 10%, white);
}

a[href*="mk_prices"] {
  border-left-color: var(--mk-prices);
  --mk-section-color: var(--mk-prices);
  background: rgba(122, 90, 18, 0.1);
  background: color-mix(in srgb, var(--mk-prices) 10%, white);
}

a[href*="mk_status"] {
  border-left-color: var(--mk-status);
  --mk-section-color: var(--mk-status);
  background: rgba(154, 47, 47, 0.1);
  background: color-mix(in srgb, var(--mk-status) 10%, white);
}

a[href*="mk_programs"] {
  border-left-color: var(--mk-programs);
  --mk-section-color: var(--mk-programs);
  background: rgba(35, 84, 143, 0.1);
  background: color-mix(in srgb, var(--mk-programs) 10%, white);
}

a[href*="info_list_status_alert"]:hover,
a[href*="mk_variables_info"]:hover,
a[href*="mk_hours"]:hover,
a[href*="mk_prices"]:hover,
a[href*="mk_status"]:hover,
a[href*="mk_programs"]:hover {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mk-section-color) 35%, white);
  background: color-mix(in srgb, var(--mk-section-color) 16%, white);
}

/* Improve readability in long object editors. */
label,
summary,
small {
  color: var(--mk-muted);
}

input,
textarea,
select {
  border-color: var(--mk-border) !important;
}

/* Highlight active file row a bit stronger. */
a[aria-current="page"][href*="info_list_status_alert"],
a[aria-current="page"][href*="mk_variables_info"],
a[aria-current="page"][href*="mk_hours"],
a[aria-current="page"][href*="mk_prices"],
a[aria-current="page"][href*="mk_status"],
a[aria-current="page"][href*="mk_programs"] {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mk-section-color) 55%, #ffffff), 0 1px 3px rgba(0, 0, 0, 0.08);
  background: color-mix(in srgb, var(--mk-section-color) 26%, white);
  transform: translateX(1px);
  font-weight: 600;
  color: var(--mk-text);
}