/*
Theme Name: Authemic News
Theme URI: https://authemic.com
Author: Mas Hedi
Author URI: https://authemic.com
Description: Tema WordPress profesional untuk media online. Siap produksi, mudah dikelola redaksi, stabil untuk trafik tinggi, fleksibel untuk monetisasi. Breaking news, hero, grid artikel, zona iklan.
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: authemic-news
Tags: blog, news, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, one-column, two-columns, right-sidebar, theme-options, translation-ready, block-styles, wide-blocks

Copyright (c) Mas Hedi. Authemic News - Tema Media Online. https://authemic.com
*/

/* ==========================================================================
   CSS Variables - News / Media
   ========================================================================== */
:root {
  --color-primary: #0f172a;
  --color-primary-light: #1e293b;
  --color-accent: #dc2626;
  --color-accent-hover: #b91c1c;
  --color-accent-soft: #fef2f2;
  --color-text: #1e293b;
  --color-text-muted: #64748b;
  --color-bg: #ffffff;
  --color-bg-alt: #f8fafc;
  --color-border: #e2e8f0;
  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-size-base: 1rem;
  --line-height-body: 1.7;
  --line-height-heading: 1.3;
  --container: 1200px;
  --header-height: 64px;
  --radius: 6px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --transition: 0.2s ease;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
  color: var(--color-text);
  background: var(--color-bg);
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--color-accent); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--color-accent-hover); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); line-height: var(--line-height-heading); margin-top: 0; margin-bottom: 0.5em; }
h1 { font-size: clamp(1.75rem, 4vw, 2.25rem); }
h2 { font-size: clamp(1.35rem, 3vw, 1.65rem); }
p { margin-top: 0; margin-bottom: 1em; }

.container { width: 100%; max-width: var(--container); margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Header fixed: body perlu padding agar konten tidak tertutup */
body { padding-top: var(--header-height); }

/* Buttons */
.btn {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  border: none;
  border-radius: var(--radius);
  cursor: pointer;
  transition: background var(--transition), color var(--transition);
}
.btn-primary { background: var(--color-accent); color: #fff; }
.btn-primary:hover { background: var(--color-accent-hover); color: #fff; }
.btn-outline { background: transparent; color: var(--color-primary); border: 2px solid var(--color-primary); }
.btn-outline:hover { background: var(--color-primary); color: #fff; }