/* Public-page subset of the Nafithah design-system tokens (src/index.css).
   Keep values in sync with the design system; no Tailwind or app styles here. */
:root {
  --background: 216 50% 96.1%;
  --foreground: 218 75.7% 21%;
  --border: 213 33.3% 88.2%;
  --card: 0 0% 100%;
  --popover: 0 0% 100%;
  --primary: 191 67.8% 50%;
  --primary-foreground: 213 66.7% 7.1%;
  --secondary: 267 43.5% 43.7%;
  --secondary-foreground: 0 0% 100%;
  --muted: 214 43.8% 93.7%;
  --muted-foreground: 214 30.6% 43.5%;
  --accent: 191 73.3% 94.1%;
  --accent-foreground: 218 75.7% 21%;
  --destructive: 0 69.9% 59.6%;
  --ring: 191 67.8% 50%;
  --chart-3: 159 100% 32%;
  --chart-4: 39 100% 42%;
  --app-font-sans: Cairo, Arial, sans-serif;
  --app-font-arabic: Cairo, Arial, sans-serif;
  --app-font-latin: Cairo, Arial, sans-serif;
  --app-radius-sm: 0.5rem;
  --app-radius-md: 0.75rem;
  --app-radius-xl: 1.25rem;
  --radius-full: 9999px;
  --spacing: 0.25rem;
  --elevation-sm: 0 1px 4px rgba(13,43,94,0.06);
  --elevation-lg: 0 8px 32px rgba(13,43,94,0.18);
  --elevation-dark: 0 8px 40px rgba(0,0,0,0.60);
  --motion-fast: 150ms ease;
  --motion-reduced: 0ms;
  --state-focus-width: 2px;
}
.dark {
  --background: 216 62.5% 6.3%;
  --foreground: 217 39.4% 93.5%;
  --border: 216 43.4% 22.2%;
  --card: 221 63.9% 16.3%;
  --popover: 216 60% 9.8%;
  --primary: 191 67.8% 50%;
  --primary-foreground: 213 66.7% 7.1%;
  --secondary: 267 43.5% 43.7%;
  --secondary-foreground: 0 0% 100%;
  --muted: 216 54.5% 17.3%;
  --muted-foreground: 216 33% 60.8%;
  --accent: 210 55% 21.8%;
  --accent-foreground: 188 79.5% 84.7%;
  --destructive: 0 69.9% 59.6%;
  --ring: 191 67.8% 50%;
  --chart-3: 161 100% 38.4%;
  --chart-4: 39 84.7% 61.6%;
}