/* =========================================================
   Minimalist Grayscale Theme for Obsidian Publish
   Save as: publish.css (in vault root)
   ========================================================= */

/* --------- Base grayscale palette & typography --------- */

body {
  /* Fonts */
  --font-interface: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-text: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-monospace: "JetBrains Mono", "SF Mono", Menlo, monospace;

  /* Light theme backgrounds */
  --background-primary: #ffffff;
  --background-primary-alt: #f7f7f7;
  --background-secondary: #f5f5f5;
  --background-secondary-alt: #eeeeee;

  --background-modifier-border: #e0e0e0;
  --background-modifier-form-field: #f5f5f5;
  --background-modifier-accent: #e0e0e0;

  /* Text colors (all grayscale) */
  --text-normal: #222222;
  --text-muted: #777777;
  --text-faint: #aaaaaa;

  --text-title-h1: #111111;
  --text-title-h2: #222222;
  --text-title-h3: #333333;
  --text-title-h4: #444444;
  --text-title-h5: #555555;
  --text-title-h6: #666666;

  /* Links & accents – subtle grayscale */
  --text-link: #333333;
  --text-a: #333333;
  --text-a-hover: #000000;
  --text-accent: #333333;
  --text-accent-hover: #000000;

  --interactive-accent: #444444;
  --interactive-accent-hover: #000000;
  --interactive-accent-rgb: 68, 68, 68;

  /* Selection */
  --text-selection: rgba(0, 0, 0, 0.08);

  /* Code & blockquote */
  --pre-code: #f0f0f0;
  --text-highlight-bg: #f0f0f0;

  /* Borders & shadows minimal */
  --background-modifier-border-hover: #d4d4d4;
  --background-modifier-box-shadow: none;

  /* Page width */
  --page-width: 900px;
}

/* Optional: if you ever switch Publish to dark mode, keep it grayscale */
.theme-dark {
  --background-primary: #111111;
  --background-primary-alt: #181818;
  --background-secondary: #181818;
  --background-secondary-alt: #202020;

  --background-modifier-border: #303030;
  --text-normal: #e5e5e5;
  --text-muted: #bbbbbb;
  --text-faint: #777777;
}

/* =========================================================
   Blue Hover Link Styling
   ========================================================= */

/* Normal link appearance (grayscale) */
a,
.markdown-rendered a {
  color: var(--text-link, #333333);
  text-decoration: none;
}

/* Hover effect: bright blue link */
a:hover,
.markdown-rendered a:hover {
  color: #1e90ff !important;   /* Modern readable blue */
  text-decoration: underline;  /* Optional — remove if you prefer no underline */
}

/* Navigation + header links */
.navbar a:hover,
.site-header a:hover {
  color: #1e90ff !important;
}