/*
Theme Name: Blueprint SaaS
Theme URI: https://incubb.es/
Description: Child theme minimalista para Blueprint SaaS basado en Kadence. Arquitectura híbrida con FluentSnippets para máximo control.
Author: Guillem Gual
Author URI: https://incubb.es/
Template: kadence
Version: 2.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blueprint-saas
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
Tags: kadence, child-theme, saas, blueprint, fluentsnippets
*/

/* ==========================================================================
   BLUEPRINT SAAS - CHILD THEME MÍNIMO
   ========================================================================== */

/*
NOTA IMPORTANTE:
Este child theme solo contiene lo ESENCIAL. Toda la funcionalidad avanzada
se gestiona mediante FluentSnippets para máximo control y flexibilidad.

ARQUITECTURA:
- Child Theme = Variables CSS + Framework base
- FluentSnippets = Toda la funcionalidad + CSS específico
*/

/* ==========================================================================
   1. VARIABLES CSS DEL SISTEMA BLUEPRINT SAAS
   ========================================================================== */

:root {
  /* Colores principales del sistema */
  --bp-primary: #007cba;
  --bp-primary-dark: #005a87;
  --bp-primary-light: #1e8cbe;
  
  --bp-secondary: #6c757d;
  --bp-secondary-dark: #545b62;
  --bp-secondary-light: #868e96;
  
  /* Estados del sistema */
  --bp-success: #28a745;
  --bp-warning: #ffc107;
  --bp-danger: #dc3545;
  --bp-info: #17a2b8;
  
  /* Grises del sistema */
  --bp-white: #ffffff;
  --bp-gray-100: #f8f9fa;
  --bp-gray-200: #e9ecef;
  --bp-gray-300: #dee2e6;
  --bp-gray-400: #ced4da;
  --bp-gray-500: #adb5bd;
  --bp-gray-600: #6c757d;
  --bp-gray-700: #495057;
  --bp-gray-800: #343a40;
  --bp-gray-900: #212529;
  --bp-black: #000000;
  
 
  
  /* Espaciado del sistema */
  --bp-spacer: 1rem;
  --bp-spacer-0: 0;
  --bp-spacer-1: calc(var(--bp-spacer) * 0.25);
  --bp-spacer-2: calc(var(--bp-spacer) * 0.5);
  --bp-spacer-3: var(--bp-spacer);
  --bp-spacer-4: calc(var(--bp-spacer) * 1.5);
  --bp-spacer-5: calc(var(--bp-spacer) * 3);
  
  /* Bordes y sombras */
  --bp-border-radius: 0.375rem;
  --bp-border-radius-sm: 0.25rem;
  --bp-border-radius-lg: 0.5rem;
  --bp-border-radius-xl: 1rem;
  --bp-border-radius-pill: 50rem;
  
  --bp-border-width: 1px;
  --bp-border-color: var(--bp-gray-300);
  
  --bp-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bp-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bp-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  
  /* Transiciones */
  --bp-transition-base: all 0.2s ease-in-out;
  --bp-transition-fast: all 0.1s ease-in-out;
  --bp-transition-slow: all 0.3s ease-in-out;
  
  /* Breakpoints (para referencia en CSS) */
  --bp-breakpoint-xs: 0;
  --bp-breakpoint-sm: 576px;
  --bp-breakpoint-md: 768px;
  --bp-breakpoint-lg: 992px;
  --bp-breakpoint-xl: 1200px;
  --bp-breakpoint-xxl: 1400px;
  
  /* Z-index del sistema */
  --bp-zindex-dropdown: 1000;
  --bp-zindex-sticky: 1020;
  --bp-zindex-fixed: 1030;
  --bp-zindex-modal-backdrop: 1040;
  --bp-zindex-modal: 1050;
  --bp-zindex-popover: 1060;
  --bp-zindex-tooltip: 1070;
}

/* ==========================================================================
   2. UTILIDADES BÁSICAS (solo las esenciales)
   ========================================================================== */

/* Reset básico para elementos del SaaS */
.bp-reset {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Container básico */
.bp-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--bp-spacer-3);
}

/* Utilidades de display más usadas */
.bp-d-none { display: none !important; }
.bp-d-block { display: block !important; }
.bp-d-flex { display: flex !important; }
.bp-d-grid { display: grid !important; }

/* Utilidades de texto más usadas */
.bp-text-center { text-align: center !important; }
.bp-text-left { text-align: left !important; }
.bp-text-right { text-align: right !important; }

.bp-text-primary { color: var(--bp-primary) !important; }
.bp-text-secondary { color: var(--bp-secondary) !important; }
.bp-text-success { color: var(--bp-success) !important; }
.bp-text-danger { color: var(--bp-danger) !important; }
.bp-text-warning { color: var(--bp-warning) !important; }
.bp-text-info { color: var(--bp-info) !important; }

/* ==========================================================================
   3. COMENTARIO IMPORTANTE
   ========================================================================== */

/*
🚀 BLUEPRINT SAAS - ARQUITECTURA HÍBRIDA

Este archivo solo contiene:
- Variables CSS del sistema
- Utilidades básicas esenciales

TODO lo demás se gestiona via FluentSnippets:
- Componentes específicos
- Funcionalidad PHP
- CSS avanzado
- JavaScript
- Integraciones

Ventajas:
✅ Child theme súper estable
✅ Control granular via snippets
✅ Fácil mantenimiento
✅ Sin riesgo de errores fatales
✅ Escalabilidad máxima

Para añadir funcionalidad:
👉 Usar FluentSnippets organizados por grupos
👉 NO modificar este archivo salvo variables
*/