:root {
    /* Sistema de variables base */
    --color-primary: #F8F3E6;
    --color-secondary: #6AB0DE;
    --color-accent: #7FD1C7;
    --color-background: #FDFDFD;
    --color-surface: #E6D5B8;
    --color-text: #5D6D7E;
    --color-text-light: #87CEEB;
    --color-success: #7FB174;
    --color-warning: #E8B796;
    --color-border: #A8BCCC;
    
    /* Gradientes y efectos */
    --gradient-hero: linear-gradient(135deg, var(--color-text-light), var(--color-background));
    --gradient-card: linear-gradient(135deg, var(--color-background), var(--color-surface));
    --shadow-card: 0 4px 15px rgba(0,0,0,0.08);
    --shadow-button: 0 4px 12px rgba(0,0,0,0.15);

     /* SISTEMA DE TIPOGRAFÍA */
    --font-primary: 'Inter', 'Segoe UI', system-ui, sans-serif;
    --font-secondary: 'Playfair Display', Georgia, serif;
    --font-accent: 'Montserrat', 'Arial', sans-serif;
    
    /* Tamaños de fuente */
    --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;
    
    /* Pesos de fuente */
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

}