/* Beta theme overrides - loaded only when NEXT_PUBLIC_BETA=true at build/runtime */
/* This file only overrides the CSS variables defined in `styles/globals.css`. Keep it minimal. */

/* Lively purple/teal palette for beta releases */
:root {
  --stork-primary: oklch(0.75 0.16 265.0);
  --background: oklch(0.98 0.01 220.0);
  --foreground: oklch(0.08 0.02 320.0);
  --card: oklch(0.99 0.02 220.0);
  --card-foreground: oklch(0.08 0.02 320.0);
  --primary: var(--stork-primary);
  --primary-foreground: #ffffff;
  --sidebar: oklch(0.95 0.02 240.0);
  --sidebar-foreground: oklch(0.08 0.02 320.0);
  --accent: oklch(0.65 0.18 200.0);
  --accent-foreground: #ffffff;
}

/* Dark mode beta overrides */
.dark {
  --stork-primary: oklch(0.65 0.18 280.0);
  --background: oklch(0.12 0.02 300.0);
  --foreground: oklch(0.98 0.02 40.0);
  --card: oklch(0.15 0.03 300.0);
  --card-foreground: oklch(0.98 0.02 40.0);
  --primary: var(--stork-primary);
  --primary-foreground: #ffffff;
  --sidebar: oklch(0.09 0.02 300.0);
  --sidebar-foreground: oklch(0.98 0.02 40.0);
  --accent: oklch(0.55 0.16 200.0);
  --accent-foreground: #ffffff;
}

/* Small utility: slightly stronger focus ring in beta so changes are clear */
:root {
  --ring: color-mix(in srgb, var(--stork-primary) 60%, color(display-p3 0.8 0.8 0.8) 40%);
}
/* Beta theme overrides - loaded when NEXT_PUBLIC_BETA=true
   This file overrides the CSS variables used by the main theme to provide
   a distinct look for the beta environment (purple / orange accent).
*/
:root {
  /* Accent / primary colors */
  --stork-primary: #7c3aed; /* purple */
  --stork-accent: #f97316;  /* orange */

  /* Background adjustments for beta - a slightly darker blue/indigo */
  --stork-background: #0b1220;
  --stork-background-light: #0f1724;
  --stork-card: #0f1724;
  --stork-border: #1f2937;

  /* Text colors tuned for beta */
  --stork-text-primary: #e6e6ff;
  --stork-text-secondary: #cbd5ff;

  /* Status colors - keep recognizability but tuned */
  --stork-success: #10b981;
  --stork-danger: #ef4444;
  --stork-warning: #f59e0b;
  --stork-info: #60a5fa;
}

/* Small visual cue for beta users: show a thin purple top border on the page */
html::before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg, #7c3aed 0%, #f97316 100%);
  z-index: 9999;
  pointer-events: none;
}