/**
 * Raffaelli & Asociados - CSS Variables v1.0.0
 * Paleta profesional: azul profundo + dorado contable
 */

:root {
    /* Colores primarios - se sobreescriben dinámicamente desde settings */
    --ra-primary: #1a5276;
    --ra-primary-light: #2980b9;
    --ra-primary-dark: #0e3650;
    --ra-primary-rgb: 26, 82, 118;

    --ra-accent: #c0974b;
    --ra-accent-light: #d4ad6a;
    --ra-accent-dark: #a07a35;
    --ra-accent-rgb: 192, 151, 75;

    /* Neutros */
    --ra-white: #ffffff;
    --ra-off-white: #f8f6f3;
    --ra-light: #f0ede8;
    --ra-gray-100: #e8e5e0;
    --ra-gray-200: #d1cdc5;
    --ra-gray-300: #b0a999;
    --ra-gray-500: #6b6560;
    --ra-gray-700: #3d3833;
    --ra-dark: #1c1917;

    /* Tipografía */
    --ra-font-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --ra-font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;

    /* Tamaños */
    --ra-text-xs: 0.75rem;
    --ra-text-sm: 0.875rem;
    --ra-text-base: 1rem;
    --ra-text-lg: 1.125rem;
    --ra-text-xl: 1.25rem;
    --ra-text-2xl: 1.5rem;
    --ra-text-3xl: 1.875rem;
    --ra-text-4xl: 2.25rem;
    --ra-text-5xl: 3rem;

    /* Espaciado */
    --ra-section-py: 5rem;
    --ra-container-max: 1200px;

    /* Bordes y radios */
    --ra-radius-sm: 0.375rem;
    --ra-radius: 0.75rem;
    --ra-radius-lg: 1rem;
    --ra-radius-xl: 1.5rem;
    --ra-radius-full: 9999px;

    /* Sombras */
    --ra-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --ra-shadow: 0 4px 12px rgba(0,0,0,0.08);
    --ra-shadow-lg: 0 10px 30px rgba(0,0,0,0.10);
    --ra-shadow-accent: 0 4px 20px rgba(var(--ra-accent-rgb), 0.25);

    /* Transiciones */
    --ra-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --ra-transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Dark mode preparado */
@media (prefers-color-scheme: dark) {
    :root {
        /* Futuro: dark mode */
    }
}