/*
Theme Name: topgraz Magazine
Theme URI: https://topgraz.at
Author: Mad Dog Media
Author URI: https://maddogmedia.at
Description: Modernes Wirtschaftsmagazin-Theme für topgraz.at mit Trending-Mosaik, Block-Module und Sidebar
Version: 1.4.2
License: GPL v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: topgraz-magazine
Domain Path: /languages
*/

/* Design Tokens */
:root {
  --bg: #FFFFFF;
  --ink: #16201A;
  --ink-strong: #11210A;
  --ink-black: #11160F;
  --accent: #9BEE68;
  --accent-text: #3F9A2A;
  --author: #2C7A1E;
  --muted: #5F665A;
  --meta: #9AA193;
  --border: #ECEEE7;
  --logo-dim: #B3B8AB;

  /* Footer colors */
  --footer-text: #CDD2C4;
  --footer-subtext: #8B9180;

  /* Spacing & Layout */
  --content-width: 1200px;
  --sidebar-width: 332px;
  --gap-main: 42px;
  --gap-grid: 13px;
  --pad-h: 24px;
}

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14.5px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: border-box;
}

::selection {
  background: var(--accent);
  color: var(--ink-black);
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0;
}

h1 { font-size: 36px; line-height: 1.1; }
h2 { font-size: 28px; line-height: 1.08; }
h3 { font-size: 22px; line-height: 1.1; }
h4 { font-size: 18px; line-height: 1.12; }

a {
  color: var(--accent-text);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: #2d6a1c;
}

/* Utility */
.container {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 0 var(--pad-h);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}