<?php
// api/theme.css - Dynamic Theme CSS Variables Endpoint

require_once dirname(__DIR__) . '/includes/db.php';

header('Content-Type: text/css; charset=UTF-8');
header('Cache-Control: public, max-age=60');

$navy = get_setting('theme_navy', '#0b1023');
$purple = get_setting('theme_purple', '#7146f2');
$blue = get_setting('theme_blue', '#3f74f7');
$ink = get_setting('theme_ink', '#151b31');
$surface = get_setting('theme_surface', '#f8f9fc');
$gradStart = get_setting('theme_gradient_start', '#6545ee');
$gradEnd = get_setting('theme_gradient_end', '#9b3fe2');
$customCss = get_setting('custom_css', '');
?>
/* Dynamic Theme Settings managed from Admin Panel */
:root {
  --navy: <?= $navy ?> !important;
  --purple: <?= $purple ?> !important;
  --blue: <?= $blue ?> !important;
  --ink: <?= $ink ?> !important;
  --surface: <?= $surface ?> !important;
}

.button-primary {
  background: linear-gradient(110deg, <?= $gradStart ?>, <?= $gradEnd ?>) !important;
  box-shadow: 0 8px 24px rgba(113, 70, 242, 0.25) !important;
}

.button-primary:hover {
  box-shadow: 0 10px 30px rgba(113, 70, 242, 0.4) !important;
}

.gradient-text {
  background: linear-gradient(100deg, <?= $blue ?> 5%, <?= $purple ?> 56%, <?= $gradEnd ?> 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.site-header {
  background: <?= $navy ?>f5 !important;
}

.hero {
  background: radial-gradient(ellipse at 69% 48%, <?= $purple ?>33 0, transparent 38%), radial-gradient(ellipse at 100% 5%, <?= $blue ?>33 0, transparent 38%), <?= $navy ?> !important;
}

<?= $customCss ?>