/**
 * Variables CSS globales (generadas dinamicamente desde theme.json)
 */
:root {
    --primary-default: #ff8c00;
    --primary-hover: #ffa500;
    --primary-foreground: #0a0b0f;
    --secondary-default: #e67e22;
    --secondary-hover: #f39c12;
    --secondary-foreground: #0a0b0f;
    --background: #090b09;
    --background-secondary: #10120f;
    --foreground: #f4f5f4;
    --surface: #10120f;
    --muted: #7f5a3a;
    --accent: #ff9f43;
    --accent-yellow: #ffa657;
    --accent-purple: #d35400;
    --destructive: #cc5500;
    --success: #d9882a;
    --warning: #f1c40f;
    --sidebar: #060706;
    --shadow-sm: 0 2px 8px rgba(255, 140, 0, 0.15);
    --shadow-md: 0 4px 20px rgba(255, 140, 0, 0.2);
    --shadow-lg: 0 8px 40px rgba(255, 140, 0, 0.25);
    --shadow-glow: 0 0 30px rgba(255, 140, 0, 0.15);
    --shadow-accent: 0 4px 20px rgba(255, 140, 0, 0.3);
    --glass-background: rgba(26, 18, 10, 0.85);
    --glass-border: rgba(255, 165, 0, 0.15);
    --glass-blur: blur(20px);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;

    --transition-fast: 0.15s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
}

[data-theme="light"] {
    --background: #fdf5e6;
    --background-secondary: #ffffff;
    --foreground: #2c1e10;
    --muted: #a67c52;
    --surface: #ffffff;
    --sidebar: #fffaf0;
    --glass-bg: rgba(255, 255, 255, 0.92);
    --glass-border: rgba(0, 0, 0, 0.1);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.12);
    --shadow-glow: 0 0 30px rgba(255, 140, 0, 0.1);
    --shadow-accent: 0 4px 20px rgba(255, 140, 0, 0.3);
}