/* ============================================
   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;
}