/* ArchiTrak color tokens — converted from src/index.css (shadcn HSL triplets).
   Dark theme is the DEFAULT. Light theme available under .light scope. */

:root {
  /* Core dark architectural palette */
  --background: hsl(0 0% 6.7%);            /* #111111 */
  --foreground: hsl(0 0% 100%);            /* #FFFFFF */

  /* Surfaces */
  --card: hsl(240 3.7% 10.2%);             /* zinc-900 equivalent */
  --card-foreground: hsl(0 0% 100%);
  --popover: hsl(240 3.7% 10.2%);
  --popover-foreground: hsl(0 0% 100%);

  /* Primary — clean white on dark */
  --primary: hsl(0 0% 100%);
  --primary-foreground: hsl(0 0% 6.7%);

  /* Secondary — dark surface */
  --secondary: hsl(240 3.7% 15.9%);
  --secondary-foreground: hsl(0 0% 100%);

  /* Muted */
  --muted: hsl(240 3.7% 15.9%);
  --muted-foreground: hsl(0 0% 80%);       /* #CCCCCC */

  /* Accent — brand green */
  --accent: hsl(134 50% 40%);
  --accent-foreground: hsl(0 0% 100%);

  /* States */
  --destructive: hsl(0 62.8% 60.2%);
  --destructive-foreground: hsl(0 0% 100%);

  /* Borders & inputs */
  --border: hsl(0 0% 20%);
  --input: hsl(240 3.7% 15.9%);
  --ring: hsl(134 50% 40%);

  /* Brand colors */
  --brand-green: hsl(142 76% 36%);
  --brand-blue: hsl(217 91% 60%);
  --brand-teal: hsl(174 62% 47%);

  /* Chart palette */
  --chart-1: hsl(217 91% 60%);  /* primary blue */
  --chart-2: hsl(142 76% 36%);  /* success green */
  --chart-3: hsl(45 93% 47%);   /* warning yellow */
  --chart-4: hsl(0 72% 51%);    /* error red */
  --chart-5: hsl(134 50% 40%);  /* accent green */

  /* Sidebar */
  --sidebar-background: hsl(0 0% 10.2%);   /* #1A1A1A */
  --sidebar-foreground: hsl(0 0% 100%);
  --sidebar-primary: hsl(134 50% 40%);
  --sidebar-primary-foreground: hsl(0 0% 100%);
  --sidebar-accent: hsl(240 3.7% 15.9%);
  --sidebar-accent-foreground: hsl(0 0% 100%);
  --sidebar-border: hsl(0 0% 20%);
  --sidebar-ring: hsl(134 50% 40%);
  --sidebar-width-expanded: 280px;
  --sidebar-width-collapsed: 60px;

  /* Motion-system palette (marketing hero) */
  --bg-void: #0a0a0a;
  --bg-panel: #101410;
  --accent-green: #34D399;
  --accent-green-dim: #1F5C46;
  --text-primary: #F5F5F0;
  --text-muted: #8A9088;

  /* Aurora background greens */
  --green-200: #a7f3d0;
  --green-300: #6ee7b7;
  --green-500: #22c55e;
  --teal-300: #5eead4;
  --teal-400: #2dd4bf;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, hsl(0 0% 6.7%), hsl(240 3.7% 8%)); /* @kind color */
  --gradient-subtle: linear-gradient(180deg, hsl(0 0% 6.7%), hsl(240 3.7% 12%)); /* @kind color */
  --gradient-accent: linear-gradient(135deg, hsl(142 76% 36%), hsl(174 62% 47%)); /* @kind color */
  --pricing-gradient: linear-gradient(135deg, hsl(142 76% 36%), hsl(217 91% 60%)); /* @kind color */
}

.light {
  --background: hsl(0 0% 100%);
  --foreground: hsl(240 10% 3.9%);
  --card: hsl(0 0% 100%);
  --card-foreground: hsl(240 10% 3.9%);
  --popover: hsl(0 0% 100%);
  --popover-foreground: hsl(240 10% 3.9%);
  --primary: hsl(240 5.9% 10%);
  --primary-foreground: hsl(0 0% 98%);
  --secondary: hsl(240 4.8% 95.9%);
  --secondary-foreground: hsl(240 5.9% 10%);
  --muted: hsl(240 4.8% 95.9%);
  --muted-foreground: hsl(240 3.8% 46.1%);
  --accent: hsl(215 16.3% 46.9%);
  --accent-foreground: hsl(0 0% 98%);
  --destructive: hsl(0 84.2% 60.2%);
  --destructive-foreground: hsl(0 0% 98%);
  --border: hsl(240 5.9% 90%);
  --input: hsl(240 5.9% 90%);
  --ring: hsl(240 5.9% 10%);
  --sidebar-background: hsl(0 0% 98%);
  --sidebar-foreground: hsl(240 5.3% 26.1%);
  --sidebar-border: hsl(220 13% 91%);
}