/* ============================================================
   klemen.ai — globalni CSS za blog članke
   Naloži se prek: <link rel="stylesheet" href="/blog/blog.css">
   Vsebuje: lokalne pisave, CSS spremenljivke, osnovne stile.
   Vsak članek lahko dodaja specifične stile (kkm-* kompozicije).
   ============================================================ */

@import url('/fonts/fonts.css');

:root {
  /* Paleta */
  --ivory: #FDFBF5;
  --cream: #FBF7EB;
  --sand: #F5EFE2;
  --stone: #E6DFCD;
  --sienna: #A05A3C;
  --sienna-soft: rgba(160, 90, 60, 0.08);
  --ink: #1a1a1a;
  --text: #3a3630;
  --muted: #7a736a;
  --graphite: #2a2621;

  /* Tipografija */
  --display: 'Cormorant', Georgia, serif;
  --body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}

/* Reset + osnove */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 18px; }
body {
  font-family: var(--body);
  color: var(--ink);
  background: var(--ivory);
  line-height: 1.72;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
::selection { background: var(--sienna); color: #fff; }

img { max-width: 100%; height: auto; display: block; }