/**
 * Observability V2 Theme
 *
 * Scoped design token overrides for the observability pages only.
 * Uses zinc color scale in HSL format (compatible with existing hsl(var(--x)) usage).
 * Apply the .obs-v2 class to a parent element to activate these overrides.
 */

.obs-v2 {
  /* Background and foreground */
  --background: 240 10% 4%;       /* zinc-950 */
  --foreground: 0 0% 98%;         /* zinc-50 */

  /* Card styles */
  --card: 240 6% 10%;             /* zinc-900 */
  --card-foreground: 0 0% 98%;    /* zinc-50 */

  /* Popover styles */
  --popover: 240 6% 10%;          /* zinc-900 */
  --popover-foreground: 0 0% 98%; /* zinc-50 */

  /* Primary - neutral zinc instead of brand yellow */
  --primary: 0 0% 98%;            /* zinc-50 */
  --primary-foreground: 240 10% 4%; /* zinc-950 */

  /* Secondary */
  --secondary: 240 4% 16%;        /* zinc-800 */
  --secondary-foreground: 0 0% 98%; /* zinc-50 */

  /* Accent */
  --accent: 240 4% 26%;           /* zinc-700 */
  --accent-foreground: 0 0% 98%;  /* zinc-50 */

  /* Muted */
  --muted: 240 4% 16%;            /* zinc-800 */
  --muted-foreground: 240 4% 65%; /* zinc-400 */

  /* Destructive */
  --destructive: 0 84% 60%;       /* red-500 */
  --destructive-foreground: 0 86% 97%; /* red-50 */

  /* Borders and inputs */
  --border: 240 4% 16%;           /* zinc-800 */
  --input: 240 4% 16%;            /* zinc-800 */
  --ring: 240 5% 34%;             /* zinc-600 */

  /* Radius - tighter for developer-tool aesthetic */
  --radius: 0.25rem;
}
