/*
Theme Name:  Krona Mag
Theme URI:   https://seonsitestudio.com
Description: Krona Mag is a premium WordPress magazine theme built for editorial excellence. Designed for news publishers, geopolitics analysts, tech blogs and lifestyle magazines. Features a fully configurable Customizer with color palettes, typography controls, homepage layout presets, sidebar positioning, newsletter integration and footer customization. Includes automatic WebP image optimization, lazy loading, built-in contact form with spam protection, and annual archive pages with infinite scroll. Clean, modern and fast — ready to publish from day one.
Version:     2.0.0
Author:      SeonsiteStudio
Author URI:  https://seonsitestudio.com
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: krona-mag
Tags:        news, magazine, custom-menu, featured-images, translation-ready
*/

/* =============================================
   CSS VARIABLES — Palette 1: Steel Blue (default)
   ============================================= */
:root {
  --km-accent:       #3b6fa0;
  --km-accent-dark:  #2a5280;
  --km-bg:           #f8fafc;
  --km-surface:      #ffffff;
  --km-text:         #1e293b;
  --km-text-muted:   #64748b;
  --km-border:       #e2e8f0;
  --km-header-bg:    #0f172a;
  --km-radius:       6px;
  --km-radius-lg:    12px;
  --km-shadow:       0 1px 4px rgba(0,0,0,0.08);
  --km-shadow-md:    0 4px 16px rgba(0,0,0,0.10);
}

/* =============================================
   RESET & BASE
   ============================================= */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  overflow-x: hidden;
}

body {
  font-family: 'Georgia', serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--km-text);
  background: var(--km-bg);
  overflow-x: hidden;
}

a {
  color: var(--km-accent);
  text-decoration: none;
}

a:hover {
  color: var(--km-accent-dark);
}

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

ul {
  list-style: none;
}