/* MNNN Freelance Board — Light UI
   Light forms, dark-gray text, orange-accent headers. Matches MNNN vibe without dark backgrounds.
   Adjust variables as needed. */

:root {
  --mnnn-bg: #ffffff;
  --mnnn-surface: #ffffff;
  --mnnn-border: #e5e7eb;
  --mnnn-text: #1f2937;          /* dark gray */
  --mnnn-text-dim: #4b5563;
  --mnnn-accent: #F2A021;        /* MNNN orange */
  --mnnn-accent-600: #d88f1d;
  --mnnn-accent-700: #bb7b19;
  --mnnn-success: #16a34a;
  --mnnn-danger: #dc2626;
  --mnnn-focus: rgba(242, 160, 33, 0.35);
  --mnnn-radius: 12px;
  --mnnn-pad: 16px;
  --mnnn-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* General text color for components */
.mnnn-assignment-list,
.mnnn-form,
.mnnn-panel,
.mnnn-my-items,
.mnnn-condensed {
  color: var(--mnnn-text);
}

/* Links */
.mnnn-assignment-list a,
.mnnn-my-items a,
.mnnn-panel a,
.mnnn-condensed a {
  color: #0f172a; /* near-black for titles */
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .15s ease, border-color .15s ease, background .15s ease;
}
.mnnn-assignment-list a:hover,
.mnnn-my-items a:hover,
.mnnn-panel a:hover,
.mnnn-condensed a:hover {
  color: var(--mnnn-accent-700);
  border-color: var(--mnnn-accent);
}

/* Accent section headers */
.mnnn-my-items h3,
.mnnn-panel h3 {
  margin: 0 0 8px;
  color: #0f172a;
  font-weight: 800;
  border-left: 6px solid var(--mnnn-accent);
  padding-left: 10px;
}

/* Cards */
.mnnn-assignment-list {
  display: grid;
  gap: 18px;
}
.mnnn-card {
  background: var(--mnnn-surface);
  border: 1px solid var(--mnnn-border);
  border-radius: var(--mnnn-radius);
  padding: calc(var(--mnnn-pad) * 1.1);
  box-shadow