<?php
require_once 'db.php';

function getThemeCSS() {
    $db = new Database();
    $config = $db->query("SELECT * FROM configuracion WHERE id = 1")->fetch(PDO::FETCH_ASSOC);
    
    return <<<CSS
    <style>
        :root {
            --color-principal: {$config['color_principal']};
            --color-fondo: {$config['color_fondo']};
            --color-texto: {$config['color_texto']};
            --color-fondo-tarjetas: {$config['color_fondo_tarjetas']};
            --color-borde-tarjetas: {$config['color_borde_tarjetas']};
            --color-fondo-header: {$config['color_fondo_header']};
            --color-texto-header: {$config['color_texto_header']};
            --color-fondo-footer: {$config['color_fondo_footer']};
            --color-texto-footer: {$config['color_texto_footer']};
            --color-enlaces: {$config['color_enlaces']};
            --color-hover-enlaces: {$config['color_hover_enlaces']};
        }

        /* Estilos base del tema */
        body {
            background-color: var(--color-fondo);
            color: var(--color-texto);
        }

        .card, .blk {
            background-color: var(--color-fondo-tarjetas);
            border-color: var(--color-borde-tarjetas);
            color: var(--color-texto);
        }

        .nav-header {
            background-color: var(--color-fondo-header);
            color: var(--color-texto-header);
            border-bottom: 3px solid var(--color-principal);
        }

        .footer {
            background-color: var(--color-fondo-footer);
            color: var(--color-texto-footer);
        }

        a {
            color: var(--color-enlaces);
        }

        a:hover {
            color: var(--color-hover-enlaces);
        }

        /* Estilos para elementos comunes */
        .btn-primary {
            background-color: var(--color-principal);
            border-color: var(--color-principal);
            color: white;
        }

        .btn-primary:hover {
            background-color: var(--color-hover-enlaces);
            border-color: var(--color-hover-enlaces);
        }

        .text-primary {
            color: var(--color-principal) !important;
        }

        /* Inputs y formularios */
        .form-control {
            background-color: var(--color-fondo-tarjetas);
            border-color: var(--color-borde-tarjetas);
            color: var(--color-texto);
        }

        .form-control:focus {
            background-color: var(--color-fondo-tarjetas);
            border-color: var(--color-principal);
            color: var(--color-texto);
        }
    </style>
CSS;
}