/*!
Theme Name: Wartalokal
Theme URI: https://digitalkit.id/wartalokal
Author: Digitalkit.id
Author URI: https://digitalkit.id/
Description: Wartalokal adalah tema WordPress modern, bersih, dan responsif yang dirancang untuk situs web berita lokal. Tema ini menampilkan desain yang berani dan dinamis dengan fokus pada keterbacaan dan pengalaman pengguna. Dengan opsi yang dapat disesuaikan dan fitur-fitur yang canggih, Wartalokal adalah pilihan sempurna untuk setiap media berita lokal yang ingin membangun kehadiran online yang kuat.
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wartalokal
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, wide-blocks
*/

/* ================================================================
   WARTA LOKAL — style.css
   Root CSS Variables (Design Tokens)
   ================================================================ */

:root {

  /* ── Brand Colors ── */
  --clr-navy:           #0d1b2a;
  --clr-navy-mid:       #1a2e44;
  --clr-navy-light:     #243c55;
  --clr-gold:           #c9a84c;
  --clr-gold-light:     #e2c47a;
  --clr-gold-pale:      #f5e9c8;

  /* ── Neutral ── */
  --clr-white:          #ffffff;
  --clr-gray-50:        #f9f9f9;
  --clr-gray-100:       #f4f4f4;
  --clr-gray-200:       #e8e8e8;
  --clr-gray-300:       #cccccc;
  --clr-gray-400:       #aaaaaa;
  --clr-gray-500:       #888888;
  --clr-gray-700:       #444444;
  --clr-text:           #0d1b2a;
  --clr-text-muted:     #8a9bb0;
  --clr-text-light:     #9ab0c8;

  /* ── Category Colors ── */
  --clr-cat-politik:      #c0392b;
  --clr-cat-ekonomi:      #27ae60;
  --clr-cat-hukum:        #8e44ad;
  --clr-cat-internasional:#2980b9;
  --clr-cat-daerah:       #e67e22;
  --clr-cat-teknologi:    #16a085;
  --clr-cat-gaya-hidup:   #e91e8c;
  --clr-cat-olahraga:     #d35400;
  --clr-cat-opini:        #7f8c8d;

  /* ── Typography ── */
  --font-heading:       'Playfair Display', Georgia, serif;
  --font-body:          'Inter', system-ui, sans-serif;

  --fs-xs:              11px;
  --fs-sm:              12px;
  --fs-base:            14px;
  --fs-md:              16px;
  --fs-lg:              18px;
  --fs-xl:              22px;
  --fs-2xl:             26px;
  --fs-3xl:             32px;

  --fw-regular:         400;
  --fw-medium:          500;
  --fw-semibold:        600;
  --fw-bold:            700;

  /* ── Spacing ── */
  --space-1:            4px;
  --space-2:            8px;
  --space-3:            12px;
  --space-4:            16px;
  --space-5:            20px;
  --space-6:            24px;
  --space-8:            32px;
  --space-10:           40px;
  --space-12:           48px;

  /* ── Layout ── */
  --container-width:    1200px;
  --topbar-height:      38px;
  --navbar-height:      68px;
  --sidebar-width:      280px;

  /* ── Border Radius ── */
  --radius-xs:          2px;
  --radius-sm:          4px;
  --radius-md:          6px;
  --radius-lg:          10px;
  --radius-xl:          16px;
  --radius-full:        9999px;

  /* ── Shadows ── */
  --shadow-sm:          0 1px 4px rgba(0,0,0,0.06);
  --shadow-md:          0 2px 16px rgba(0,0,0,0.07);
  --shadow-lg:          0 8px 32px rgba(0,0,0,0.12);
  --shadow-drawer:      0 0 40px rgba(0,0,0,0.25);

  /* ── Transitions ── */
  --tr-fast:            0.15s ease;
  --tr-normal:          0.25s ease;
  --tr-drawer:          0.32s cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Z-index ── */
  --z-header:           500;
  --z-search-overlay:   510;
  --z-drawer-overlay:   600;
  --z-drawer:           700;
  --z-modal:            800;
  --z-toast:            900;
}