/* AlgoTech Studio theme override (approx. from provided screenshot)
   Loaded AFTER main.css to override CSS variables.
*/

:root {
  /* App background / text */
  --background: oklch(24% 0.03 255);          /* deep navy */
  --foreground: oklch(98.5% 0 0);             /* near white */

  /* Surfaces */
  --card: oklch(18% 0.03 255);                /* darker panel */
  --card-foreground: oklch(98.5% 0 0);

  --popover: oklch(18% 0.03 255);
  --popover-foreground: oklch(98.5% 0 0);

  /* Brand (blue buttons) */
  --primary: oklch(55% 0.21 262);             /* vivid blue */
  --primary-foreground: oklch(98.5% 0 0);

  /* Secondary surfaces */
  --secondary: oklch(20% 0.02 255);
  --secondary-foreground: oklch(98.5% 0 0);

  --muted: oklch(20% 0.02 255);
  --muted-foreground: oklch(80% 0.02 255);    /* muted text */

  /* Accent (sidebar active like teal) */
  --accent: oklch(55% 0.16 185);              /* teal-ish */
  --accent-foreground: oklch(98.5% 0 0);

  /* Borders / ring */
  --border: oklch(32% 0.02 255);
  --input: oklch(32% 0.02 255);
  --ring: oklch(60% 0.18 262);

  /* Sidebar tokens (your CSS has these variables) */
  --sidebar: oklch(18% 0.03 255);
  --sidebar-foreground: oklch(98.5% 0 0);
  --sidebar-primary: oklch(55% 0.21 262);
  --sidebar-primary-foreground: oklch(98.5% 0 0);

  /* make hover/active feel like screenshot */
  --sidebar-accent: oklch(55% 0.16 185);      /* teal */
  --sidebar-accent-foreground: oklch(98.5% 0 0);

  --sidebar-border: oklch(30% 0.02 255);
  --sidebar-ring: oklch(60% 0.18 262);
}

/* If you ever add `.dark` to html/body, keep same theme there too */
.dark {
  --background: oklch(24% 0.03 255);
  --foreground: oklch(98.5% 0 0);
  --card: oklch(18% 0.03 255);
  --card-foreground: oklch(98.5% 0 0);
  --popover: oklch(18% 0.03 255);
  --popover-foreground: oklch(98.5% 0 0);
  --primary: oklch(55% 0.21 262);
  --primary-foreground: oklch(98.5% 0 0);
  --secondary: oklch(20% 0.02 255);
  --secondary-foreground: oklch(98.5% 0 0);
  --muted: oklch(20% 0.02 255);
  --muted-foreground: oklch(80% 0.02 255);
  --accent: oklch(55% 0.16 185);
  --accent-foreground: oklch(98.5% 0 0);
  --border: oklch(32% 0.02 255);
  --input: oklch(32% 0.02 255);
  --ring: oklch(60% 0.18 262);

  --sidebar: oklch(18% 0.03 255);
  --sidebar-foreground: oklch(98.5% 0 0);
  --sidebar-primary: oklch(55% 0.21 262);
  --sidebar-primary-foreground: oklch(98.5% 0 0);
  --sidebar-accent: oklch(55% 0.16 185);
  --sidebar-accent-foreground: oklch(98.5% 0 0);
  --sidebar-border: oklch(30% 0.02 255);
  --sidebar-ring: oklch(60% 0.18 262);
}

/* Inputs in screenshot are white boxes */
input[type="text"],
input[type="number"],
input[type="date"],
input[type="email"],
textarea,
select {
  background: #fff !important;
  color: #0b1220 !important;
  border-color: rgba(0, 0, 0, 0.25) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(0, 0, 0, 0.35) !important;
}

/* Table header: darker strip */
table thead tr {
  background: rgba(0, 0, 0, 0.35);
}