/* styles.css — shared CSS variables for dynamically rendered pages (blog, etc.) */
:root {
  --gold: #2FB673;
  --gold-light: #43D68F;
  --gold-glow: rgba(47,182,115,0.25);
}
[data-theme="dark"], html {
  --bg:         #0E1113;
  --bg1:        #0E1113;
  --bg2:        #14181B;
  --border:     rgba(255,255,255,0.07);
  --border2:    rgba(255,255,255,0.12);
  --text:       #E9EDEE;
  --muted:      rgba(233,237,238,0.6);
  --card-bg:    #14181B;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
a { color: var(--gold); }