/* boesebeck.name — Warm & Personal */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap');

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

[data-theme=light] {
  --color-bg: #fffbf0;
  --color-surface: rgba(255,255,255,0.7);
  --color-border: #fed7aa;
  --color-text: #1c1917;
  --color-text-secondary: #57534e;
  --color-text-muted: #78716c;
  --color-primary: #ea580c;
  --color-secondary: #4d7c0f;
  --color-code-bg: rgba(255,255,255,0.5);
}

[data-theme=dark] {
  --color-bg: #1c1917;
  --color-surface: #292524;
  --color-border: #44403c;
  --color-text: #fafaf9;
  --color-text-secondary: #d6d3d1;
  --color-text-muted: #a8a29e;
  --color-primary: #fb923c;
  --color-secondary: #84cc16;
  --color-code-bg: #1c1917;
}

/* Brand: warm orange underline */
.navbar-brand {
  border-bottom: 2px solid var(--color-primary);
  padding-bottom: 2px;
}

/* Warm tinted navbar */
[data-theme=light] .navbar { background: #fff8ee; }

/* Glassmorphism for light mode surfaces */
[data-theme=light] .card {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 0.75rem;
}

/* Rounded cards — softer, more personal feel */
.post-card { border-top: 3px solid var(--color-primary); border-radius: 0.75rem; }

/* Background pattern: soft organic blobs (warm, personal) */
[data-theme=light] body {
  background:
    radial-gradient(ellipse 600px 400px at 10% 20%, rgba(254,215,170,0.4), transparent),
    radial-gradient(ellipse 500px 350px at 85% 60%, rgba(253,224,71,0.25), transparent),
    radial-gradient(ellipse 400px 300px at 50% 90%, rgba(251,146,60,0.15), transparent),
    #fffbf0;
}
[data-theme=dark] body {
  background:
    radial-gradient(ellipse 600px 400px at 10% 20%, rgba(251,146,60,0.06), transparent),
    radial-gradient(ellipse 500px 350px at 85% 60%, rgba(132,204,22,0.04), transparent),
    #1c1917;
}