/*
Theme Name: Visa Pathfinder
Description: A React application for guiding users through German visa pathways, featuring quizzes, progress tracking, AI assistance, and community features.
Author: Maranatha Vision (Headfont)
Version: 1.0.0
Text Domain: visa-pathfinder
*/


:root {
  --colors-light-background: hsl(0 0% 100%);
  --colors-light-foreground: hsl(0 0% 10%);
  --colors-light-card: hsl(0 0% 100%);
  --colors-light-card-foreground: hsl(222 47% 11%);
  --colors-light-popover: hsl(0 0% 100%);
  --colors-light-popover-foreground: hsl(222 47% 11%);
  --colors-light-primary: hsl(221 83% 53%);
  --colors-light-primary-foreground: hsl(0 0% 100%);
  --colors-light-secondary: hsl(262 83% 58%);
  --colors-light-secondary-foreground: hsl(0 0% 100%);
  --colors-light-muted: hsl(220 14% 96%);
  --colors-light-muted-foreground: hsl(220 13% 46%);
  --colors-light-accent: hsl(142 71% 45%);
  --colors-light-accent-foreground: hsl(0 0% 100%);
  --colors-light-destructive: hsl(0 84% 60%);
  --colors-light-destructive-foreground: hsl(0 0% 100%);
  --colors-light-border: hsl(214 32% 91%);
  --colors-light-input: hsl(214 32% 91%);
  --colors-light-ring: hsl(221 83% 53%);
  --colors-light-success: hsl(142 71% 45%);
  --colors-light-success-foreground: hsl(0 0% 100%);
  --colors-light-warning: hsl(38 92% 50%);
  --colors-light-warning-foreground: hsl(0 0% 100%);
  --colors-light-blocked: hsl(220 9% 46%);
  --colors-light-blocked-foreground: hsl(0 0% 100%);
  --colors-light-sidebar-background: hsl(0 0% 98%);
  --colors-light-sidebar-foreground: hsl(240 5.3% 26.1%);
  --colors-light-sidebar-primary: hsl(240 5.9% 10%);
  --colors-light-sidebar-primary-foreground: hsl(0 0% 98%);
  --colors-light-sidebar-accent: hsl(240 4.8% 95.9%);
  --colors-light-sidebar-accent-foreground: hsl(240 5.9% 10%);
  --colors-light-sidebar-border: hsl(220 13% 91%);
  --colors-light-sidebar-ring: hsl(217.2 91.2% 59.8%);

  --colors-dark-background: hsl(0 0% 8%);
  --colors-dark-foreground: hsl(0 0% 98%);
  --colors-dark-card: hsl(0 0% 12%);
  --colors-dark-card-foreground: hsl(0 0% 98%);
  --colors-dark-popover: hsl(0 0% 12%);
  --colors-dark-popover-foreground: hsl(0 0% 98%);
  --colors-dark-primary: hsl(221 83% 53%);
  --colors-dark-primary-foreground: hsl(0 0% 100%);
  --colors-dark-secondary: hsl(262 83% 58%);
  --colors-dark-secondary-foreground: hsl(0 0% 100%);
  --colors-dark-muted: hsl(220 13% 18%);
  --colors-dark-muted-foreground: hsl(220 9% 65%);
  --colors-dark-accent: hsl(142 71% 45%);
  --colors-dark-accent-foreground: hsl(0 0% 100%);
  --colors-dark-destructive: hsl(0 84% 60%);
  --colors-dark-destructive-foreground: hsl(0 0% 100%);
  --colors-dark-border: hsl(0 0% 18%);
  --colors-dark-input: hsl(0 0% 18%);
  --colors-dark-ring: hsl(221 83% 53%);
  --colors-dark-success: hsl(142 71% 45%);
  --colors-dark-success-foreground: hsl(0 0% 100%);
  --colors-dark-warning: hsl(38 92% 50%);
  --colors-dark-warning-foreground: hsl(0 0% 100%);
  --colors-dark-blocked: hsl(220 9% 40%);
  --colors-dark-blocked-foreground: hsl(0 0% 100%);
  --colors-dark-sidebar-background: hsl(240 5.9% 10%);
  --colors-dark-sidebar-foreground: hsl(240 4.8% 95.9%);
  --colors-dark-sidebar-primary: hsl(224.3 76.3% 48%);
  --colors-dark-sidebar-primary-foreground: hsl(0 0% 100%);
  --colors-dark-sidebar-accent: hsl(240 3.7% 15.9%);
  --colors-dark-sidebar-accent-foreground: hsl(240 4.8% 95.9%);
  --colors-dark-sidebar-border: hsl(240 3.7% 15.9%);
  --colors-dark-sidebar-ring: hsl(217.2 91.2% 59.8%);


  --border-radius-lg: 0.5rem;
  --border-radius-md: calc(var(--radius) - 2px);
  --border-radius-sm: calc(var(--radius) - 4px);


}

body {
  font-family: var(--font-body, system-ui, sans-serif);
  color: var(--color-text, #111);
  background-color: var(--color-background, #fff);
}

#overedge-root {
  min-height: 100vh;
}