/*
Theme Name: LiquidGlass News
Theme URI: https://example.com/liquidglass-news
Author: Benedetto Giordano
Author URI: https://ibennytech.it
Description: Tema WordPress per testate di news tecnologiche in stile "Liquid Glass" (iOS 26). Dark mode nativo, layout magazine (Breaking / Apple / Recensioni / Video), completamente responsive da desktop a smartphone, con superfici in vetro traslucido, blur e riflessi speculari ispirati all'estetica Apple.
Version: 2.1.1
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.6
Text Domain: liquidglass-news
Tags: news, blog, dark-mode, glassmorphism, tech, custom-menu, custom-logo, featured-images, responsive-layout, translation-ready
*/

/* ==========================================================================
   1. DESIGN TOKENS
   ========================================================================== */
:root{
  /* --- Superfici --- */
  --bg-0: #030304;
  --bg-1: #08080b;
  --bg-2: #0d0d12;

  /* --- Vetro --- */
  --glass-fill: rgba(255,255,255,0.055);
  --glass-fill-strong: rgba(255,255,255,0.09);
  --glass-border: rgba(255,255,255,0.14);
  --glass-border-soft: rgba(255,255,255,0.08);
  --glass-highlight: rgba(255,255,255,0.35);
  --glass-blur: 28px;
  --glass-blur-strong: 42px;

  /* --- Testo (palette Apple) --- */
  --text-primary: #f5f5f7;
  --text-secondary: #98989d;
  --text-tertiary: #6e6e73;

  /* --- Accenti di sistema (blu / viola / rosa, come iOS) --- */
  --accent-blue: #0a84ff;
  --accent-purple: #bf5af2;
  --accent-pink: #ff375f;
  --accent-teal: #63e6e2;
  --accent-orange: #ff9f0a;
  --accent-green: #32d74b;

  --gradient-signature: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 55%, var(--accent-pink) 100%);
  --gradient-aurora-1: radial-gradient(circle, rgba(10,132,255,0.35) 0%, rgba(10,132,255,0) 70%);
  --gradient-aurora-2: radial-gradient(circle, rgba(191,90,242,0.30) 0%, rgba(191,90,242,0) 70%);
  --gradient-aurora-3: radial-gradient(circle, rgba(255,55,95,0.22) 0%, rgba(255,55,95,0) 70%);

  /* --- Tipografia --- */
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", sans-serif;
  --font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

  /* --- Raggio & ombre --- */
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  --shadow-glass: 0 8px 32px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.06);
  --shadow-float: 0 20px 60px rgba(0,0,0,0.55);

  /* --- Layout --- */
  --container: 1280px;
  --gap: clamp(16px, 2.4vw, 32px);

  /* --- Dimensioni header personalizzabili da Customizer (con fallback) --- */
  --lgn-logo-size-desktop: 57px;
  --lgn-title-size-desktop: 32px;
  --lgn-logo-size-tablet: 48px;
  --lgn-title-size-tablet: 26px;
  --lgn-logo-size-mobile: 44px;
  --lgn-title-size-mobile: 25px;

  /* alias attivo: cambia in base al breakpoint (vedi main.css) */
  --lgn-logo-size: var(--lgn-logo-size-desktop);
  --lgn-title-size: var(--lgn-title-size-desktop);

  /* --- Layout personalizzabile da Customizer (con fallback) --- */
  --lgn-sidebar-width: 360px;
  --lgn-banner-width-desktop: 660px;
  --lgn-banner-height-desktop: 40px;
  --lgn-banner-width-tablet: 440px;
  --lgn-banner-height-tablet: 40px;
  --lgn-article-banner-width: 336px;
  --lgn-article-banner-img-width: 300px;
  --lgn-article-banner-img-height: 220px;

  --ease-glass: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}