/* caluga.de — Dev/Tech Dark */
@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: 'JetBrains Mono', monospace;
  --font-code: 'JetBrains Mono', monospace;
}

[data-theme=dark] {
  --color-bg: #0d1117;
  --color-surface: #161b22;
  --color-border: rgba(255,255,255,0.08);
  --color-text: #f0f6fc;
  --color-text-secondary: #c9d1d9;
  --color-text-muted: #8b949e;
  --color-primary: #58a6ff;
  --color-secondary: #3fb950;
  --color-code-bg: #1c2128;
  --color-navbar-bg: #010409;
  --color-navbar-text: #f0f6fc;
  --color-navbar-border: rgba(255,255,255,0.06);
}

[data-theme=light] {
  --color-bg: #f0f4f0;
  --color-surface: #f8faf8;
  --color-border: #c6d4c6;
  --color-text: #1a202c;
  --color-text-secondary: #2d3748;
  --color-text-muted: #606b60;
  --color-primary: #1a7f37;
  --color-secondary: #0969da;
  --color-code-bg: #e4ece4;
  --color-navbar-bg: #24292f;
  --color-navbar-text: #f0f6fc;
  --color-navbar-border: #24292f;
}

/* Brand: monospace, green accent underline */
.navbar-brand {
  font-family: var(--font-brand);
  border-bottom: 2px solid #3fb950;
  padding-bottom: 2px;
}

/* Dark navbar even in light mode (like GitHub) */
.navbar {
  background: var(--color-navbar-bg);
  border-bottom-color: var(--color-navbar-border);
}
.navbar-brand { color: var(--color-navbar-text); }
.navbar-brand:hover { color: var(--color-primary); }
.navbar-links a { color: rgba(255,255,255,0.7); }
.navbar-links a:hover { color: #fff; }
.navbar-toggle { color: var(--color-navbar-text); }
.navbar-actions .btn-icon { color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.15); }
.navbar-actions .btn-icon:hover { color: #fff; border-color: rgba(255,255,255,0.3); }
.lang-btn { color: rgba(255,255,255,0.7); border-color: rgba(255,255,255,0.15); }
.lang-btn.active { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }
@media (max-width: 767px) {
  .navbar-menu { background: var(--color-navbar-bg); border-bottom-color: var(--color-navbar-border); }
}

/* Accent bar: green→blue gradient */
.accent-bar { background: linear-gradient(90deg, #3fb950, #58a6ff); }
[data-theme=light] .accent-bar { background: linear-gradient(90deg, #1a7f37, #0969da); }

/* Cards: left accent border instead of top */
.post-card { border-top: none; border-left: 3px solid var(--color-primary); }

/* Background pattern: dot grid (terminal) */
[data-theme=dark] body {
  background-image: radial-gradient(circle, rgba(88,166,255,0.07) 1px, transparent 1px);
  background-size: 24px 24px;
}
[data-theme=light] body {
  background-image: radial-gradient(circle, rgba(26,127,55,0.06) 1px, transparent 1px);
  background-size: 24px 24px;
}