/* boesebeck.biz — Professional Light */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap');

:root {
  --font-body: 'Inter', system-ui, sans-serif;
  --font-brand: 'Inter', system-ui, sans-serif;
  --font-code: 'JetBrains Mono', monospace;
}

[data-theme=light] {
  --color-bg: #f8fafc;
  --color-surface: #ffffff;
  --color-border: #e2e8f0;
  --color-text: #0f172a;
  --color-text-secondary: #334155;
  --color-text-muted: #64748b;
  --color-primary: #2563eb;
  --color-secondary: #2563eb;
  --color-code-bg: #f1f5f9;
}

[data-theme=dark] {
  --color-bg: #0f172a;
  --color-surface: #1e293b;
  --color-border: #334155;
  --color-text: #f1f5f9;
  --color-text-secondary: #cbd5e1;
  --color-text-muted: #64748b;
  --color-primary: #60a5fa;
  --color-secondary: #60a5fa;
  --color-code-bg: #1e293b;
}

/* Brand: clean, blue accent underline */
.navbar-brand {
  border-bottom: 2px solid var(--color-primary);
  padding-bottom: 2px;
}

/* White/light navbar — clean corporate look */
[data-theme=light] .navbar { box-shadow: 0 1px 3px rgba(0,0,0,0.06); }

/* Cards: subtle shadow instead of heavy border (corporate clean) */
[data-theme=light] .post-card {
  border: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  border-top: 3px solid var(--color-primary);
}
[data-theme=light] .post-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Background pattern: subtle diagonal lines (professional) */
[data-theme=light] body {
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 14px,
    rgba(37,99,235,0.03) 14px,
    rgba(37,99,235,0.03) 15px
  );
}
[data-theme=dark] body {
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 14px,
    rgba(96,165,250,0.04) 14px,
    rgba(96,165,250,0.04) 15px
  );
}