/* ============================================
   WEMASS CREATIVE STUDIO - CSS VARIABLES
   Colores corporativos y tipografías
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&family=Cabin:wght@400;500;600;700&display=swap');

:root {
    /* 🎨 Colores Principales Wemass */
    --wemass-blue-dark: #26343f;
    --wemass-green: #a0d618;
    --wemass-white: #ffffff;

    /* 🎨 Colores Secundarios Wemass */
    --wemass-blue-petrol: #051726;
    --wemass-gray-medium: #515d65;
    --wemass-green-light: #d9efa3;
    --wemass-gray-light: #ededed;

    /* ✍️ Tipografías Corporativas */
    --font-heading: 'Titillium Web', sans-serif;
    --font-body: 'Cabin', sans-serif;

    /* 🎯 Sombras */
    --shadow-sm: 0 2px 4px rgba(38, 52, 63, 0.08);
    --shadow-md: 0 4px 12px rgba(38, 52, 63, 0.1);
    --shadow-lg: 0 8px 24px rgba(38, 52, 63, 0.15);
    --shadow-xl: 0 20px 40px rgba(38, 52, 63, 0.2);

    /* 📐 Espaciado y Layout */
    --main-padding: 25px;
    --main-body-width: 1400px;
    --panel-padding: 2rem;
    --border-radius: 8px;
    --border-radius-lg: 12px;
}