/* ==========================================================================
   TesterStack theme for the Cornerstone Gigs screening app
   Overrides the Lovable/shadcn token set defined in index-2sGrcUoN.css.
   Loaded AFTER the bundle stylesheet in index.html — selectors here keep
   specificity equal to the original single-class utilities so load order
   does the work. Visuals only: no layout utilities are touched.
   ========================================================================== */

:root {
  --background: 48 24% 96%;          /* #f7f6f2 TesterStack --bg */
  --foreground: 247 10% 18%;         /* #2b2a33 TesterStack --ink */

  --card: 0 0% 100%;                 /* #ffffff */
  --card-foreground: 247 10% 18%;

  --popover: 0 0% 100%;
  --popover-foreground: 247 10% 18%;

  --primary: 240 70% 62%;            /* #5b5ce2 TesterStack --indigo */
  --primary-foreground: 0 0% 100%;
  --primary-hover: 240 51% 53%;      /* #4a4bc4 TesterStack --indigo-dark */

  --secondary: 40 22% 92%;           /* #efece6 warm neutral */
  --secondary-foreground: 247 10% 18%;

  --muted: 40 22% 92%;
  --muted-foreground: 253 6% 45%;    /* #6f6c7a TesterStack --muted */

  --accent: 42 90% 65%;              /* #f6c453 TesterStack --amber */
  --accent-foreground: 247 10% 18%;  /* dark ink on amber (8.7:1) */

  --destructive: 6 53% 40%;          /* #9c3a30 TesterStack not-selected red */
  --destructive-foreground: 0 0% 100%;

  --border: 44 18% 88%;              /* #e6e3db TesterStack --line */
  --input: 44 18% 88%;
  --ring: 240 70% 62%;               /* indigo focus rings */

  --radius: 0.75rem;                 /* unchanged from bundle */

  --sidebar-background: 48 24% 96%;
  --sidebar-foreground: 247 10% 18%;
  --sidebar-primary: 240 70% 62%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 40 22% 92%;
  --sidebar-accent-foreground: 247 10% 18%;
  --sidebar-border: 44 18% 88%;
  --sidebar-ring: 240 70% 62%;
}

.dark {
  --background: 247 18% 10%;         /* #16151e deep indigo-tinted neutral */
  --foreground: 48 19% 95%;          /* #f4f3ef warm light */

  --card: 245 16% 15%;               /* #201f2b */
  --card-foreground: 48 19% 95%;

  --popover: 245 16% 15%;
  --popover-foreground: 48 19% 95%;

  --primary: 240 70% 62%;            /* brand indigo holds on dark (5.15:1 white) */
  --primary-foreground: 0 0% 100%;
  --primary-hover: 240 51% 53%;      /* #4a4bc4 darker indigo hover */

  --secondary: 245 14% 19%;          /* #2a2936 */
  --secondary-foreground: 48 19% 95%;

  --muted: 245 14% 19%;
  --muted-foreground: 254 7% 64%;    /* #a09daa */

  --accent: 42 90% 65%;              /* amber pops on dark */
  --accent-foreground: 247 10% 18%;

  --destructive: 6 51% 52%;          /* #c25145 brightened for dark bg */
  --destructive-foreground: 0 0% 100%;

  --border: 245 11% 22%;             /* #34333f */
  --input: 245 11% 22%;
  --ring: 239 77% 74%;               /* lighter indigo ring on dark */

  --sidebar-background: 247 18% 10%;
  --sidebar-foreground: 48 19% 95%;
  --sidebar-primary: 240 70% 62%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 245 14% 19%;
  --sidebar-accent-foreground: 48 19% 95%;
  --sidebar-border: 245 11% 22%;
  --sidebar-ring: 239 77% 74%;
}

/* --- typography ----------------------------------------------------------- */
body {
  font-family: "Inter", system-ui, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Quicksand", "Nunito", sans-serif;
}

/* --- component polish (semantic classes only) ------------------------------ */
:root {
  --ts-shadow: 0 1px 2px rgba(43, 42, 51, .06), 0 4px 16px rgba(43, 42, 51, .06);
}

/* primary buttons: TesterStack shadow + darker-indigo hover */
button.bg-primary,
a.bg-primary {
  box-shadow: var(--ts-shadow);
  transition: background-color .15s ease, box-shadow .15s ease;
}
.bg-primary:hover {
  background-color: hsl(var(--primary-hover));
}

/* cards: TesterStack shadow */
.bg-card {
  box-shadow: var(--ts-shadow);
}

/* focus rings: indigo via --ring above; guarantee an outline fallback */
:focus-visible {
  outline-color: hsl(var(--ring));
}

/* progress bars: indigo fill (shadcn indicator uses .bg-primary -> --primary) */
progress {
  accent-color: hsl(var(--primary));
}