/*
Theme Name: StarkStream
Theme URI: https://getstarkstream.com
Author: StarkProd
Author URI: https://getstarkstream.com
Description: Thème WordPress natif pour le blog StarkStream (réplique du design React).
Version: 1.1.0
Text Domain: starkstream
*/

@layer base {
  :root {
    /* StarkStream Light Theme */
    --background: 30 20% 98%;
    --foreground: 270 35% 12%;
    --card: 30 15% 96%;
    --card-foreground: 270 35% 12%;
    --popover: 30 15% 98%;
    --popover-foreground: 270 35% 12%;
    --primary: 25 90% 50%;
    --primary-foreground: 30 20% 98%;
    --secondary: 30 10% 92%;
    --secondary-foreground: 270 25% 20%;
    --muted: 30 10% 94%;
    --muted-foreground: 270 15% 45%;
    --accent: 35 85% 50%;
    --accent-foreground: 30 20% 98%;
    --destructive: 0 65% 50%;
    --destructive-foreground: 30 20% 98%;
    --border: 30 15% 88%;
    --input: 30 15% 88%;
    --ring: 25 90% 50%;
    --radius: 0.75rem;
    --glow-primary: 25 90% 50%;
  }

  .dark {
    /* StarkStream Dark Theme */
    --background: 270 35% 8%;
    --foreground: 30 20% 95%;
    --card: 270 30% 12%;
    --card-foreground: 30 20% 95%;
    --popover: 270 30% 12%;
    --popover-foreground: 30 20% 95%;
    --primary: 25 90% 55%;
    --primary-foreground: 270 35% 8%;
    --secondary: 270 25% 18%;
    --secondary-foreground: 30 20% 90%;
    --muted: 270 20% 15%;
    --muted-foreground: 270 15% 55%;
    --accent: 35 85% 50%;
    --accent-foreground: 270 35% 8%;
    --destructive: 0 65% 50%;
    --destructive-foreground: 30 20% 95%;
    --border: 270 20% 18%;
    --input: 270 20% 18%;
    --ring: 25 90% 55%;
    --glow-primary: 25 90% 55%;
  }
}

body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    min-height: 100vh;
    font-family: 'Inter', sans-serif;
    transition: background-color 0.3s ease, color 0.3s ease;
}

h1, h2, h3, h4, h5, h6, .font-display {
    font-family: 'Space Grotesk', sans-serif;
}

.glass {
    background: hsl(var(--card) / 0.6);
    backdrop-filter: blur(12px);
    border: 1px solid hsl(var(--border) / 0.5);
}

.glow-primary {
    box-shadow: 0 0 12px hsl(var(--glow-primary) / 0.15),
                0 0 24px hsl(var(--glow-primary) / 0.08);
}