/* Design system: всички цветове, шрифтове, сенки и т.н. в HSL променливи */
:root {
  --background: 0 0% 100%;
  --foreground: 35 15% 15%;

  --card: 0 0% 100%;
  --card-foreground: 35 15% 15%;

  --popover: 0 0% 100%;
  --popover-foreground: 35 15% 15%;

  --primary: 45 96% 55%;
  --primary-foreground: 35 15% 15%;

  --secondary: 120 30% 45%;
  --secondary-foreground: 0 0% 100%;

  --muted: 45 20% 95%;
  --muted-foreground: 35 15% 45%;

  --accent: 120 45% 88%;
  --accent-foreground: 35 15% 15%;

  /* Health-focused design tokens */
  --wellness-gold: 45 96% 55%;
  --wellness-green: 120 30% 45%;
  --wellness-green-light: 120 45% 88%;
  --warm-beige: 35 25% 96%;
  --text-warm: 35 15% 25%;

  /* Gradients */
  --gradient-hero: linear-gradient(135deg, hsl(var(--wellness-gold)) 0%, hsl(var(--wellness-green)) 100%);
  --gradient-section: linear-gradient(180deg, hsl(var(--warm-beige)) 0%, hsl(var(--background)) 100%);

  /* Shadows */
  --shadow-wellness: 0 10px 30px -10px hsl(var(--wellness-green) / 0.2);
  --shadow-card: 0 4px 20px -4px hsl(var(--wellness-gold) / 0.1);

  /* Animations */
  --transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;

  --border: 214.3 31.8% 91.4%;
  --input: 214.3 31.8% 91.4%;
  --ring: 222.2 84% 4.9%;

  --radius: 0.5rem;

  --sidebar-background: 0 0% 98%;
  --sidebar-foreground: 240 5.3% 26.1%;
  --sidebar-primary: 240 5.9% 10%;
  --sidebar-primary-foreground: 0 0% 98%;
  --sidebar-accent: 240 4.8% 95.9%;
  --sidebar-accent-foreground: 240 5.9% 10%;
  --sidebar-border: 220 13% 91%;
  --sidebar-ring: 217.2 91.2% 59.8%;
}

.dark {
  --background: 35 15% 8%;
  --foreground: 45 20% 95%;

  --card: 35 15% 10%;
  --card-foreground: 45 20% 95%;

  --popover: 35 15% 10%;
  --popover-foreground: 45 20% 95%;

  --primary: 45 96% 65%;
  --primary-foreground: 35 15% 15%;

  --secondary: 120 25% 35%;
  --secondary-foreground: 45 20% 95%;

  --muted: 35 15% 15%;
  --muted-foreground: 45 10% 65%;

  --accent: 120 35% 20%;
  --accent-foreground: 45 20% 95%;

  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 210 40% 98%;

  --border: 217.2 32.6% 17.5%;
  --input: 217.2 32.6% 17.5%;
  --ring: 212.7 26.8% 83.9%;

  --sidebar-background: 240 5.9% 10%;
  --sidebar-foreground: 240 4.8% 95.9%;
  --sidebar-primary: 224.3 76.3% 48%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 240 3.7% 15.9%;
  --sidebar-accent-foreground: 240 4.8% 95.9%;
  --sidebar-border: 240 3.7% 15.9%;
  --sidebar-ring: 217.2 91.2% 59.8%;
}

/* Basic reset with CSS vars */
* {
  border-color: hsl(var(--border));
}

body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}