/* goliath // Monokai Pro accents for Glance v0.8.x
   Base colours come from the theme block in glance.yml; this adds type and accents. */
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap");

:root {
  --mk-red: #ff6188;
  --mk-orange: #fc9867;
  --mk-yellow: #ffd866;
  --mk-green: #a9dc76;
  --mk-blue: #78dce8;
  --mk-purple: #ab9df2;
  --mk-darker: #19181a;
  --mk-line: #403e41;
  --mk-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --mk-serif: "Playfair Display", Georgia, serif;
  --accent: var(--mk-yellow);
}

html, body { font-family: var(--mk-mono); }
::selection { background: var(--mk-purple); color: var(--mk-darker); }

/* Header bar */
.header-container { border-bottom: 1px solid var(--mk-line); }
.logo { font-family: var(--mk-mono); color: var(--mk-green); font-weight: 700; }
.nav-item-text { font-family: var(--mk-serif); font-size: 1.7rem; letter-spacing: 0.02em; }
.nav-item-current .nav-item-text { color: var(--mk-yellow); }

/* Widget titles read like code comments, each widget type gets its own accent */
.widget-header h2 { font-family: var(--mk-mono); letter-spacing: 0.08em; font-size: 1.15rem; }
.widget-header h2::before { content: "// "; color: var(--accent); font-weight: 700; }
.widget-content { border-top: 2px solid color-mix(in srgb, var(--accent) 55%, transparent); }

.widget-type-clock      { --accent: var(--mk-yellow); }
.widget-type-weather    { --accent: var(--mk-blue); }
.widget-type-calendar   { --accent: var(--mk-purple); }
.widget-type-monitor    { --accent: var(--mk-green); }
.widget-type-lobsters   { --accent: var(--mk-purple); }
.widget-type-releases   { --accent: var(--mk-blue); }
.widget-type-bookmarks  { --accent: var(--mk-orange); }
.widget-type-rss        { --accent: var(--mk-orange); }
.widget-type-hacker-news { --accent: var(--mk-orange); }
.mf-unread { --accent: var(--mk-yellow); }
.kev       { --accent: var(--mk-red); }
.mf-health { --accent: var(--mk-green); }

/* Big numbers in the serif face */
.mf-total, .kev-count, .widget-type-clock .size-h1, .mf-health .size-h2 {
  font-family: var(--mk-serif);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}
.mf-total { color: var(--mk-yellow); }
.kev-count { color: var(--mk-red); }

/* Miniflux unread list: category chips coloured like the reader */
.mf-entry { border-left: 2px solid var(--mk-line); padding-left: 10px; }
.mf-cat { text-transform: uppercase; letter-spacing: 0.06em; font-weight: 700; }
.mf-entry[data-cat="Threat Intel"]       { border-left-color: var(--mk-red); }
.mf-entry[data-cat="Threat Intel"] .mf-cat       { color: var(--mk-red); }
.mf-entry[data-cat="Vulns & Advisories"] { border-left-color: var(--mk-orange); }
.mf-entry[data-cat="Vulns & Advisories"] .mf-cat { color: var(--mk-orange); }
.mf-entry[data-cat="DFIR"]               { border-left-color: var(--mk-purple); }
.mf-entry[data-cat="DFIR"] .mf-cat               { color: var(--mk-purple); }
.mf-entry[data-cat="News"]               { border-left-color: var(--mk-blue); }
.mf-entry[data-cat="News"] .mf-cat               { color: var(--mk-blue); }
.mf-entry[data-cat="Community"]          { border-left-color: var(--mk-green); }
.mf-entry[data-cat="Community"] .mf-cat          { color: var(--mk-green); }
.mf-entry[data-cat="AI Briefing"]        { border-left-color: var(--mk-yellow); }
.mf-entry[data-cat="AI Briefing"] .mf-cat        { color: var(--mk-yellow); }

/* KEV list */
.kev-item { border-left: 2px solid var(--mk-line); padding-left: 10px; }
.kev-item.kev-msft { border-left-color: var(--mk-blue); }
.kev-cve { color: var(--mk-yellow); font-weight: 700; letter-spacing: 0.02em; }
.kev-due { font-size: 1.1rem; color: var(--mk-orange); white-space: nowrap; }
.kev-ransom { color: var(--mk-red); font-weight: 700; }
.kev-tag { color: var(--mk-blue); }

/* --- added for the migration: non-security categories --- */
:root { --mk-fg: #fcfcfa; --mk-dim3: #939293; }
.mf-entry[data-cat="Music"]              { border-left-color: var(--mk-fg); }
.mf-entry[data-cat="Music"] .mf-cat              { color: var(--mk-fg); }
.mf-entry[data-cat="Spammy Tech"]        { border-left-color: var(--mk-dim3); }
.mf-entry[data-cat="Spammy Tech"] .mf-cat        { color: var(--mk-dim3); }