/*
Theme Name: DMI Medical - Distribuidora Medical Internacional
Theme URI: https://dmird.com
Author: Antigravity Studio & DMI
Author URI: https://dmird.com
Description: Tema institucional y catálogo B2B de suministros médicos para Distribuidora Médical Internacional (DMI), SRL y su marca exclusiva Cayena®. Diseñado para hospitales, clínicas, laboratorios y distribuidores de salud con sistema de cotización integrado, catálogo de productos y optimización de conversión.
Version: 1.3.3
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: dmi-medical
Tags: medical, b2b, catalog, ecommerce, responsive-layout, custom-menu, featured-images, translation-ready
*/

:root {
  /* Brand Identity - Catalogo DMI */
  --dmi-primary: #17469D;         /* Deep Medical Navy */
  --dmi-primary-dark: #0D2E6B;    /* Dark Navy */
  --dmi-primary-light: #255FCE;   /* Medium Navy Blue */
  --dmi-secondary: #0063B2;       /* Ocean Clinical Blue */
  --dmi-secondary-light: #0284C7; /* Sky Blue */
  
  /* Cayena Brand Accents */
  --cayena-pink: #D82B5A;         /* Cayena Flower Hibiscus */
  --cayena-pink-dark: #B51842;    /* Deep Cayena */
  --cayena-pink-light: #FF5A84;   /* Soft Cayena */
  --cayena-gradient: linear-gradient(135deg, #E62B5A 0%, #B51842 100%);
  
  /* Medical Neutrals */
  --dmi-bg-main: #FFFFFF;
  --dmi-bg-alt: #F4F7FB;          /* Ice Blue tint */
  --dmi-bg-subtle: #EBF1F9;       /* Light Hospital Blue */
  --dmi-card-bg: #FFFFFF;
  --dmi-border: #E2E8F0;
  --dmi-border-focus: #17469D;
  
  /* Text */
  --text-dark: #0F172A;           /* Slate 900 */
  --text-body: #334155;           /* Slate 700 */
  --text-muted: #64748B;          /* Slate 500 */
  --text-light: #FFFFFF;
  
  /* Status / Badges */
  --badge-in-stock: #10B981;
  --badge-warning: #F59E0B;
  --badge-info: #0284C7;
  
  /* Layout & Elevations */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
  --shadow-md: 0 4px 12px -2px rgba(23, 70, 157, 0.08), 0 2px 6px -1px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 12px 28px -4px rgba(23, 70, 157, 0.12), 0 4px 12px -2px rgba(0, 0, 0, 0.06);
  --shadow-hover: 0 20px 35px -8px rgba(23, 70, 157, 0.18);
  --container-max: 1240px;
  --transition-normal: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Base Reset & Core Styles are defined in assets/css/theme.css */