:root {
  --border: hsl(0 0% 20%);
  --input: hsl(0 0% 20%);
  --ring: hsl(44 89% 59%);
  --background: hsl(0 0% 9%);
  --foreground: hsl(0 0% 100%);
  --primary: hsl(0 0% 9%);
  --primary-foreground: hsl(0 0% 100%);
  --secondary: hsl(0 0% 18%);
  --secondary-foreground: hsl(0 0% 100%);
  --tertiary: hsl(44 89% 59%);
  --tertiary-foreground: hsl(0 0% 9%);
  --destructive: hsl(0 84.2% 60.2%);
  --destructive-foreground: hsl(0 0% 100%);
  --muted: hsl(0 0% 42%);
  --muted-foreground: hsl(0 0% 64%);
  --accent: hsl(44 89% 59%);
  --accent-foreground: hsl(0 0% 9%);
  --popover: hsl(0 0% 9%);
  --popover-foreground: hsl(0 0% 97%);
  --card: hsl(0 0% 9%);
  --card-foreground: hsl(0 0% 97%);
  --grey: hsl(0 0% 34%);
  --text-grey: hsl(0 0% 40%);
  --white: hsl(0 0% 100%);
  --sidebar-background: hsl(0 0% 98%);
  --sidebar-foreground: hsl(240 5.3% 26.1%);
  --sidebar-primary: hsl(240 5.9% 10%);
  --sidebar-primary-foreground: hsl(0 0% 98%);
  --sidebar-accent: hsl(240 4.8% 95.9%);
  --sidebar-accent-foreground: hsl(240 5.9% 10%);
  --sidebar-border: hsl(220 13% 91%);
  --sidebar-ring: hsl(217.2 91.2% 59.8%);
  /* Brand faces. Poppins sets every heading, Inter every run of body copy.
     Both are self-hosted (see fonts.css). The system stack behind them is
     the metric-closest fallback for the swap window, so a slow font load
     shifts the text as little as possible. */
  --font-heading: "Clash Grotesk", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Kept as an alias so any rule still naming the old compiler token gets
     the body face instead of a Clash Grotesk that was never shipped: no
     webfont for it exists anywhere on this install, so it silently fell
     back to Verdana. Prefer --font-body / --font-heading in new rules. */
  --font-clash: var(--font-body);
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --radius-lg: 0.5rem;
  --radius-md: calc(0.5rem - 2px);
  --radius-sm: calc(0.5rem - 4px);
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-3xl: 2rem;
  --shadow-card: 0 10px 40px -10px hsl(var(--primary) / 0.2);
  --shadow-glow: 0 0 30px hsl(var(--tertiary) / 0.4);
  --shadow-soft: 0 4px 20px -4px rgba(0, 0, 0, 0.1);
  --container-max-width: 1400px;
}