/*
Theme Name:  Mediabros Child
Theme URI:   https://www.mediabros.com
Description: Tema hijo personalizado de Mediabros sobre _s (Underscores)
Author:      Mediabros
Author URI:  https://www.mediabros.com
Template:    mediabros
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mediabros-child
*/

/* =====================================================
   CSS CUSTOM PROPERTIES — Design System Mediabros
   ===================================================== */
:root {
  /* Colors */
  --or1: #FF5C1A;
  --or2: #F97316;
  --or3: #FB923C;
  --or-light: #FED7AA;
  --dark: #0d0d0d;
  --dark2: #111111;
  --dark3: #161616;
  --white: #ffffff;
  --border: rgba(255, 255, 255, 0.07);
  --muted: #ffffffe1;
  --success: #4ADE80;
  --warning: #FDE68A;
  --info: #A5B4FC;

  /* Gradients */
  --grad: linear-gradient(135deg, #FF5C1A 0%, #F97316 50%, #EA580C 100%);
  --grad-warm: linear-gradient(135deg, #FB923C 0%, #F97316 100%);

  /* Typography */
  --font-d: 'Plus Jakarta Sans', sans-serif;
  --font-b: 'DM Sans', sans-serif;

  /* Font sizes */
  --text-xs: 11px;
  --text-sm: 12px;
  --text-md: 14px;
  --text-base: 15px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: clamp(1.4rem, 2.5vw, 2rem);
  --text-3xl: clamp(1.6rem, 3vw, 2.4rem);
  --text-4xl: clamp(2rem, 4vw, 3.5rem);
  --text-hero: clamp(2.2rem, 4.5vw, 4rem);

  /* Spacing */
  --sp-xs: 6px;
  --sp-sm: 12px;
  --sp-md: 20px;
  --sp-lg: 32px;
  --sp-xl: 48px;
  --sp-2xl: 80px;

  /* Radius */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
  --shadow-hot: 0 6px 24px rgba(249, 115, 22, 0.3);

  /* Layout */
  --max-w: 1100px;
  --nav-h: 68px;
}