/* ============================================
   SIEE - Sistema de Diseño Compartido
   Grupo Mediterráneo - TessiraTech SpA
   ============================================ */

:root {
  /* --- Tipografías por marca (referencia, cargar via Google Fonts) --- */
  /* Coaching-B: Montserrat | HBusiness: Poppins | Thrompo: Koho + Nunito + Righteous */
  --font-heading: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* --- Escala tipográfica --- */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;

  /* --- Espaciado --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* --- Bordes --- */
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-full: 9999px;

  /* --- Sombras --- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
  --shadow-glow: 0 0 20px rgba(0, 0, 0, 0.1);

  /* --- Transiciones --- */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);

  /* --- Breakpoints (referencia, usar en media queries) --- */
  /* sm: 640px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px */

  /* --- Z-index --- */
  --z-dropdown: 10;
  --z-sticky: 20;
  --z-overlay: 30;
  --z-modal: 40;
  --z-toast: 50;

  /* --- Container --- */
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1200px;
}

/* ============================================
   Paletas por marca
   ============================================ */

/* Coaching-B - Slate Blue + Beige dorado (manual de marca oficial)
   Font: Montserrat | Primario: #4B6382 | Accent: #E3C39D | Surface: #F5EFEB */
.brand-coaching-b {
  --font-heading: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
  --color-primary: #4B6382;
  --color-primary-light: #5C7798;
  --color-primary-dark: #3A4D67;
  --color-accent: #E3C39D;
  --color-accent-light: #EDD4B5;
  --color-accent-dark: #C8A472;
  --color-surface: #F5EFEB;
  --color-surface-alt: #EDE5DD;
  --color-text: #1A1A1A;
  --color-text-muted: #838383;
  --color-text-inverse: #FFFFFF;
  --gradient-primary: linear-gradient(135deg, #4B6382 0%, #5C7798 100%);
  --gradient-accent: linear-gradient(135deg, #E3C39D 0%, #EDD4B5 100%);
  --gradient-hero: linear-gradient(160deg, #4B6382 0%, #3A4D67 60%, #E3C39D 100%);
}

/* HBusiness - Turquesa/Teal + Amarillo dorado (extraído del sitio real)
   Font: Poppins | Primario: #33CCCC | Accent: #FAC769 | Dark: #1B1B1B */
.brand-hbusiness {
  --font-heading: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  --color-primary: #33CCCC;
  --color-primary-light: #4DD9D9;
  --color-primary-dark: #2AB3B3;
  --color-accent: #FAC769;
  --color-accent-light: #FBD48A;
  --color-accent-dark: #E5B04E;
  --color-surface: #FFFFFF;
  --color-surface-alt: #EEF2F7;
  --color-text: #1B1B1B;
  --color-text-muted: #767676;
  --color-text-inverse: #FFFFFF;
  --gradient-primary: linear-gradient(135deg, #33CCCC 0%, #2AB3B3 100%);
  --gradient-hero: linear-gradient(160deg, #33CCCC 0%, #1B1B1B 60%, #FAC769 100%);
}

/* Thrompo - Manual de Marca Oficial 2026
   Font: Koho (body) | Nunito (sec) | Righteous (display)
   Primario: #173454 | Rosa: #d33b61 | Naranja: #ef8014 | Amarillo: #efad48 | Turquesa: #53b7a7 */
.brand-thrompo {
  --font-heading: 'Righteous', 'Koho', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Koho', 'Segoe UI', system-ui, sans-serif;
  --font-secondary: 'Nunito', 'Koho', system-ui, sans-serif;
  --color-primary: #173454;
  --color-primary-light: #1e3558;
  --color-primary-dark: #0f1d38;
  --color-accent: #d33b61;
  --color-accent-light: #e8608c;
  --color-accent-dark: #a82d4d;
  --color-orange: #ef8014;
  --color-yellow: #efad48;
  --color-teal: #53b7a7;
  --color-surface: #FFFFFF;
  --color-surface-alt: #f5f5f5;
  --color-text: #1B1B1B;
  --color-text-muted: #767676;
  --color-text-inverse: #FFFFFF;
  --gradient-primary: linear-gradient(135deg, #173454 0%, #1e3558 100%);
  --gradient-hero: linear-gradient(160deg, #173454 0%, #0f1d38 60%, #d33b61 100%);
  --gradient-multi: linear-gradient(135deg, #d33b61 0%, #ef8014 40%, #efad48 70%, #53b7a7 100%);
}

/* Nicolassa - Manual de Marca Oficial
   "Tan Dulces como la Nonna" — Pastelería & Gelatería
   Font: Playfair Display (headings) | Open Sans (body) | Dancing Script (decorativo)
   Rosa: #E57A8D | Azul claro: #86CDEE | Naranja: #F7C391 */
.brand-nicolassa {
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Open Sans', 'Segoe UI', system-ui, sans-serif;
  --font-script: 'Dancing Script', cursive;
  --color-primary: #E57A8D;
  --color-primary-light: #ef94a5;
  --color-primary-dark: #c85d72;
  --color-accent: #86CDEE;
  --color-accent-light: #a8d9f3;
  --color-accent-dark: #5bbce8;
  --color-complement: #F7C391;
  --color-surface: #FFFFFF;
  --color-surface-alt: #fdf5f7;
  --color-text: #2a1a1f;
  --color-text-muted: #7a6068;
  --color-text-inverse: #FFFFFF;
  --gradient-primary: linear-gradient(135deg, #E57A8D 0%, #ef94a5 100%);
  --gradient-hero: linear-gradient(160deg, #E57A8D 0%, #c85d72 60%, #F7C391 100%);
  --gradient-warm: linear-gradient(135deg, #E57A8D 0%, #F7C391 100%);
}

/* Espacio 79 - Naranja + Turquesa (extraído del sitio real)
   Comparte turquesa con HBusiness. Accent naranja en títulos. */
.brand-espacio79 {
  --font-heading: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  --color-primary: #E8833A;
  --color-primary-light: #F09550;
  --color-primary-dark: #D06E28;
  --color-accent: #33CCCC;
  --color-accent-light: #4DD9D9;
  --color-accent-dark: #2AB3B3;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F5F5F5;
  --color-text: #1A1A1A;
  --color-text-muted: #767676;
  --color-text-inverse: #FFFFFF;
  --gradient-primary: linear-gradient(135deg, #E8833A 0%, #F09550 100%);
  --gradient-hero: linear-gradient(160deg, #333333 0%, #1A1A1A 60%, #E8833A 100%);
}

/* Grupo Mediterráneo - Azul oscuro marino (extraído del sitio real)
   Fondo azul con ondas/partículas. Logo circular entrelazado blanco. */
.brand-grupo-mediterraneo {
  --color-primary: #2B3E7B;
  --color-primary-light: #3A5199;
  --color-primary-dark: #1E2D5C;
  --color-accent: #FFFFFF;
  --color-accent-light: #F0F4FA;
  --color-accent-dark: #E0E0E0;
  --color-surface: #2B3E7B;
  --color-surface-alt: #1E2D5C;
  --color-text: #FFFFFF;
  --color-text-muted: rgba(255, 255, 255, 0.7);
  --color-text-inverse: #1A1A1A;
  --gradient-primary: linear-gradient(135deg, #2B3E7B 0%, #1E2D5C 100%);
  --gradient-hero: linear-gradient(160deg, #2B3E7B 0%, #1E2D5C 50%, #3A5199 100%);
}

/* Juan Carlos Basso - Negro + dorado (autoridad + liderazgo) */
.brand-jcbasso {
  --color-primary: #1A1A1A;
  --color-primary-light: #333333;
  --color-primary-dark: #000000;
  --color-accent: #C8963E;
  --color-accent-light: #D4AA5C;
  --color-accent-dark: #A67A2E;
  --color-surface: #FAFAF8;
  --color-surface-alt: #F0EDE6;
  --color-text: #1A1A1A;
  --color-text-muted: #666666;
  --color-text-inverse: #FFFFFF;
  --gradient-primary: linear-gradient(135deg, #1A1A1A 0%, #333333 100%);
  --gradient-accent: linear-gradient(135deg, #C8963E 0%, #D4AA5C 100%);
  --gradient-hero: linear-gradient(160deg, #1A1A1A 0%, #000000 60%, #C8963E 100%);
}