:root {
  color-scheme: light;
  --bg: #f7f7f7;
  --sidebar: #f3f3f3;
  --panel: #ffffff;
  --text: #202020;
  --muted: #666;
  --line: #cfcfcf;
}

body { background: var(--bg); color: var(--text); }
.app-bar { border-color: var(--line); background: #f5f5f5; }
.app-title { color: #1e1e1e; }
.app-title span { color: #222; }
.app-title i { background: #333; }
.tab-nav a { border-color: var(--line); color: #333; }
.tab-nav a:hover { background: #e6e6e6; }
.sidebar nav a:hover, .terminal-action:hover { color: #000; }
.sidebar { border-color: var(--line); background: var(--sidebar); }
.profile { border-color: #c6c6c6; color: #444; }
.profile img { border-color: #ababab; }
.profile .profile-name { color: #151515; }
.profile-socials a { color: #202020; }
.profile-socials a:hover { color: #666; }
.sidebar-label { color: #565656; }
.sidebar nav a { color: #383838; }
.sidebar nav a:hover { background: #e3e3e3; }
.status-list { color: #444; }
.status-list li::before { background: #333; }
.quick-stats p { color: #4b4b4b; }
.quick-stats strong { color: #111; }
.content { background: #fff; }
.terminal { border-color: #bdbdbd; background: #fff; }
.terminal-title { border-color: #c9c9c9; background: #efefef; }
.terminal-title span { border-color: #929292; }
.terminal-title p { color: #555; }
.terminal-body { color: #252525; }
.terminal-body b, .terminal-output h1, .terminal-output h2 { color: #111; }
.terminal-output p { color: #3f3f3f; }
.terminal-command-output { color: #646464; }
.cursor { background: #252525; }
.terminal-action {
  display: inline-block; margin-top: 16px; padding: 14px 24px; border-radius: 4px;
  background: #202020; box-shadow: 0 3px 7px rgba(0, 0, 0, .28); color: #fff;
  font: 600 14px monospace; text-decoration: none;
}
.terminal-action:hover { background: #343434; color: #fff; transform: translateY(-1px); }
.section-heading p, .section-heading h2 span { color: #666; }
.section-heading h2 { color: #171717; }
.document-list { border-color: #ccc; }
.education-card {
  margin-bottom: 10px; padding: 16px !important; border: 1px solid #c6c6c6 !important; border-radius: 4px;
  background: #fbfbfb;
}
.education-card .file-name { color: #333; }
.education-card .file-card-main time, .education-card .file-card-main p { color: #555; }
.education-card .file-card-main h3 { color: #171717; }
.education-card .file-summary { color: #555; }
.education-card .tag { color: #666; }
.project-filter { color: #555; }
.project-filter.active, .project-filter:hover { color: #111; }
.project-grid { border-color: #c6c6c6; }
.project {
  border-color: #c6c6c6; background: #fafafa; color: #1e1e1e;
}
.project:hover { background: #ededed; }
.project-number, .project p, .project-arrow { color: #666; }
.project h3 { color: #1b1b1b; }
.project-bottom { color: #454545; }
.skill-groups { border-color: #c6c6c6; }
.skill-group { border-color: #c6c6c6; }
.skill-group h3 { color: #666; }
.skill-group p { color: #222; }
.quest p { color: #333; }
.quest div { background: #d1d1d1; }
.quest div span { background: #444; }
.quest strong { color: #555; }
.contact { border-color: #c6c6c6; }
.contact p { color: #666; }
.contact h2 { color: #171717; }
.contact a { color: #333; }
.terminal-footer {
  display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; padding: 22px 12px 8px;
  border-top: 2px solid #282828; color: #404040; font: 12px monospace;
}
.terminal-footer a { justify-self: end; color: inherit; text-decoration: none; }
.terminal-footer a:hover { text-decoration: underline; }
.theme-toggle {
  position: fixed; z-index: 5; top: 11px; right: 24px; display: grid; width: 42px; height: 42px;
  padding: 0; border: 0; border-radius: 50%; background: #fff; color: #242424; cursor: pointer; place-items: center;
}
.theme-toggle:hover { background: #e9e9e9; }
.theme-toggle svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2; }

body.dark-mode {
  --bg: #121212;
  --sidebar: #1a1a1a;
  --panel: #1e1e1e;
  --text: #e8e8e8;
  --muted: #a8a8a8;
  --line: #383838;
  color-scheme: dark;
}
body.dark-mode .app-bar, body.dark-mode .sidebar { background: #1a1a1a; border-color: #383838; }
body.dark-mode .app-title, body.dark-mode .app-title span, body.dark-mode .tab-nav a { color: #eee; border-color: #383838; }
body.dark-mode .app-title i { background: #eee; }
body.dark-mode .tab-nav a:hover { background: #2a2a2a; }
body.dark-mode .content { background: #121212; }
body.dark-mode .profile, body.dark-mode .sidebar-label, body.dark-mode .status-list, body.dark-mode .quick-stats p,
body.dark-mode .section-heading p, body.dark-mode .section-heading h2 span, body.dark-mode .terminal-title p,
body.dark-mode .terminal-command-output { color: #a8a8a8; }
body.dark-mode .profile .profile-name, body.dark-mode .quick-stats strong, body.dark-mode .section-heading h2,
body.dark-mode .terminal-body b, body.dark-mode .terminal-output h1, body.dark-mode .terminal-output h2 { color: #eee; }
body.dark-mode .profile-socials a, body.dark-mode .sidebar nav a { color: #d5d5d5; }
body.dark-mode .terminal { background: #1e1e1e; border-color: #383838; }
body.dark-mode .terminal-title { background: #222; border-color: #383838; }
body.dark-mode .terminal-output p, body.dark-mode .terminal-body { color: #c0c0c0; }
body.dark-mode .cursor { background: #eee; }
body.dark-mode #experience-list .experience.file-card { background: #1e1e1e; border-color: #505050; color: #eee; }
body.dark-mode #experience-list .file-card-header { background: #272727; border-color: #505050; }
body.dark-mode #experience-list .file-name, body.dark-mode #experience-list .file-card-header time,
body.dark-mode #experience-list .file-card-content h3 { color: #eee; }
body.dark-mode #experience-list .organization, body.dark-mode #experience-list .file-highlights { color: #c3c3c3; }
body.dark-mode #experience-list .file-skills span { border-color: #555; background: #303030; color: #eee; }
body.dark-mode .education-card, body.dark-mode .project { background: #1e1e1e; border-color: #4a4a4a; color: #eee; }
body.dark-mode .education-card .file-name, body.dark-mode .education-card .file-card-main h3,
body.dark-mode .project h3, body.dark-mode .skill-group p, body.dark-mode .contact h2 { color: #eee; }
body.dark-mode .education-card .file-card-main time, body.dark-mode .education-card .file-card-main p,
body.dark-mode .education-card .file-summary, body.dark-mode .project p, body.dark-mode .project-number,
body.dark-mode .project-arrow, body.dark-mode .skill-group h3, body.dark-mode .quest p,
body.dark-mode .quest strong, body.dark-mode .contact p, body.dark-mode .contact a { color: #aaa; }
body.dark-mode .skill-groups, body.dark-mode .skill-group, body.dark-mode .contact { border-color: #383838; }
body.dark-mode .quest div { background: #383838; }
body.dark-mode .quest div span { background: #ddd; }
body.dark-mode .terminal-footer { border-color: #383838; color: #aaa; }
body.dark-mode .theme-toggle { background: #242424; color: #eee; }
body.dark-mode .theme-toggle:hover { background: #333; }

@media (max-width: 800px) {
  .content { background: var(--bg); }
  .terminal-footer { grid-template-columns: 1fr; gap: 8px; }
  .terminal-footer a { justify-self: start; }
}