/*
Theme Name: GeoNews
Theme URI: https://www.infoxdigital.com/
Author: J.A.George
Author URI: https://www.infoxdigital.com/
Description: An ultra-lightweight, high-performance, mobile-first WordPress theme engineered for modern digital news portals, Tamil/English magazines, and high-traffic editorial publications. Fully optimized for Core Web Vitals, Google News, and Google Discover.
Version: 1.8.5
Requires at least: 6.0
Tested up to: 6.7
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: geonews
Tags: news, blog, newspaper, entertainment, magazine, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, accessibility-ready
*/

/* ==========================================================================
   Design Tokens & CSS Variables (Yahoo Portal Style)
   ========================================================================== */
:root {
  /* Editorial Red Brand Palette */
  --gn-primary: #dc2626;
  --gn-primary-dark: #b91c1c;
  --gn-primary-light: #fee2e2;
  --gn-primary-rgb: 220, 38, 38;
  --gn-secondary: #1d2026;
  --gn-accent: #2563eb;
  
  /* Market / Financial Tokens */
  --gn-market-up: #00873c;
  --gn-market-up-bg: #e6f7ee;
  --gn-market-down: #dc2626;
  --gn-market-down-bg: #fee2e2;

  /* Neutral Scale */
  --gn-bg: #ffffff;
  --gn-bg-alt: #f5f8fa;
  --gn-bg-card: #ffffff;
  --gn-bg-muted: #f0f3f6;
  --gn-border: #e0e4e9;
  --gn-border-light: #edf1f5;
  
  /* Text Colors */
  --gn-text: #1d2228;
  --gn-text-muted: #5b636e;
  --gn-text-light: #8993a4;
  --gn-heading: #11151a;
  --gn-link: #11151a;
  --gn-link-hover: #dc2626;

  /* Header & Navigation */
  --gn-header-bg: #ffffff;
  --gn-header-border: #e0e4e9;
  --gn-nav-bg: #ffffff;
  --gn-nav-text: #1d2228;
  --gn-nav-hover: #dc2626;
  --gn-topbar-bg: #f5f8fa;
  --gn-topbar-border: #e0e4e9;

  /* Editorial & Categories */
  --gn-cat-news: #dc2626;
  --gn-cat-politics: #0f62fe;
  --gn-cat-business: #00873c;
  --gn-cat-sports: #e65100;
  --gn-cat-tech: #0077b6;
  --gn-cat-lifestyle: #d81b60;
  --gn-cat-video: #c2185b;

  /* Typography - Trending Tamil & Universal Web Stack */
  --gn-font-sans: "Noto Sans Tamil", "Mukta Malar", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --gn-font-serif: "Mukta Malar", "Georgia", "Cambria", "Times New Roman", Times, serif;
  --gn-font-heading: "Noto Sans Tamil", "Mukta Malar", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --gn-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Type Scale */
  --gn-text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);
  --gn-text-sm: clamp(0.8125rem, 0.77rem + 0.2vw, 0.875rem);
  --gn-text-base: clamp(0.9375rem, 0.9rem + 0.2vw, 1rem);
  --gn-text-md: clamp(1.0625rem, 1rem + 0.3vw, 1.125rem);
  --gn-text-lg: clamp(1.1875rem, 1.1rem + 0.4vw, 1.25rem);
  --gn-text-xl: clamp(1.375rem, 1.25rem + 0.6vw, 1.5rem);
  --gn-text-2xl: clamp(1.625rem, 1.45rem + 0.9vw, 1.875rem);
  --gn-text-3xl: clamp(1.875rem, 1.65rem + 1.2vw, 2.25rem);
  --gn-text-4xl: clamp(2.25rem, 1.95rem + 1.6vw, 2.75rem);

  /* Spacing */
  --gn-space-1: 0.25rem;
  --gn-space-2: 0.5rem;
  --gn-space-3: 0.75rem;
  --gn-space-4: 1rem;
  --gn-space-5: 1.25rem;
  --gn-space-6: 1.5rem;
  --gn-space-8: 2rem;
  --gn-space-10: 2.5rem;
  --gn-space-12: 3rem;
  --gn-space-16: 4rem;

  /* Layout */
  --gn-container: 1280px;
  --gn-content-width: 780px;
  --gn-sidebar-width: 340px;
  --gn-radius-sm: 4px;
  --gn-radius: 8px;
  --gn-radius-md: 12px;
  --gn-radius-lg: 16px;
  --gn-radius-pill: 9999px;

  /* Shadows */
  --gn-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --gn-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  --gn-shadow-md: 0 6px 14px rgba(0, 0, 0, 0.08);
  --gn-shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.12);

  /* Transitions */
  --gn-transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==========================================================================
   Dark Mode Tokens (Yahoo Dark Theme)
   ========================================================================== */
[data-theme="dark"] {
  --gn-bg: #12151c;
  --gn-bg-alt: #1a1e28;
  --gn-bg-card: #1e2330;
  --gn-bg-muted: #262c3d;
  --gn-border: #2c3447;
  --gn-border-light: #222938;

  --gn-text: #e1e7f0;
  --gn-text-muted: #9aa5b8;
  --gn-text-light: #6e798d;
  --gn-heading: #ffffff;
  --gn-link: #ffffff;
  --gn-link-hover: #b388ff;

  --gn-header-bg: #151821;
  --gn-header-border: #2c3447;
  --gn-nav-bg: #151821;
  --gn-nav-text: #e1e7f0;
  --gn-topbar-bg: #10131a;
  --gn-topbar-border: #262c3d;

  --gn-market-up-bg: rgba(0, 135, 60, 0.18);
  --gn-market-down-bg: rgba(235, 15, 41, 0.18);

  --gn-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --gn-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  --gn-shadow-md: 0 6px 14px rgba(0, 0, 0, 0.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --gn-bg: #12151c;
    --gn-bg-alt: #1a1e28;
    --gn-bg-card: #1e2330;
    --gn-bg-muted: #262c3d;
    --gn-border: #2c3447;
    --gn-border-light: #222938;

    --gn-text: #e1e7f0;
    --gn-text-muted: #9aa5b8;
    --gn-text-light: #6e798d;
    --gn-heading: #ffffff;
    --gn-link: #ffffff;
    --gn-link-hover: #f87171;

    --gn-header-bg: #151821;
    --gn-header-border: #2c3447;
    --gn-nav-bg: #151821;
    --gn-nav-text: #e1e7f0;
    --gn-topbar-bg: #10131a;
    --gn-topbar-border: #262c3d;

    --gn-market-up-bg: rgba(0, 135, 60, 0.18);
    --gn-market-down-bg: rgba(235, 15, 41, 0.18);

    --gn-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --gn-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    --gn-shadow-md: 0 6px 14px rgba(0, 0, 0, 0.5);
  }
}