/* Fox AI brand layer. Kept outside the application image for upgrade safety. */
:root,
:root [data-theme-preset] {
  --primary: #7c3aed !important;
  --primary-foreground: #ffffff !important;
  --secondary: #06b6d4 !important;
  --secondary-foreground: #07111f !important;
  --accent: #f59e0b !important;
  --accent-foreground: #241100 !important;
  --ring: #8b5cf6 !important;
  --chart-1: #8b5cf6 !important;
  --chart-2: #06b6d4 !important;
  --chart-3: #f59e0b !important;
  --chart-4: #ec4899 !important;
  --chart-5: #22c55e !important;
  --sidebar-primary: #7c3aed !important;
  --sidebar-ring: #8b5cf6 !important;
  --radius: 0.875rem !important;
}

.dark,
.dark [data-theme-preset] {
  --background: #090b16 !important;
  --foreground: #f4f1ff !important;
  --card: #12152a !important;
  --card-foreground: #f4f1ff !important;
  --popover: #151832 !important;
  --popover-foreground: #f4f1ff !important;
  --primary: #a78bfa !important;
  --primary-foreground: #160b2e !important;
  --secondary: #22d3ee !important;
  --secondary-foreground: #07111f !important;
  --muted: #20243e !important;
  --muted-foreground: #b7b5cc !important;
  --accent: #fbbf24 !important;
  --accent-foreground: #2b1800 !important;
  --border: #2a2d4b !important;
  --input: #252942 !important;
  --ring: #a78bfa !important;
  --sidebar: #0d1020 !important;
  --sidebar-foreground: #f4f1ff !important;
  --sidebar-accent: #1b1f38 !important;
  --sidebar-border: #292d49 !important;
}

body {
  background-image:
    radial-gradient(circle at 12% 8%, rgb(124 58 237 / 0.10), transparent 30rem),
    radial-gradient(circle at 88% 16%, rgb(6 182 212 / 0.08), transparent 28rem),
    radial-gradient(circle at 50% 100%, rgb(245 158 11 / 0.05), transparent 32rem);
  background-attachment: fixed;
}

.dark body {
  background-image:
    radial-gradient(circle at 12% 8%, rgb(139 92 246 / 0.17), transparent 31rem),
    radial-gradient(circle at 88% 16%, rgb(34 211 238 / 0.12), transparent 29rem),
    radial-gradient(circle at 50% 100%, rgb(249 115 22 / 0.08), transparent 34rem);
}

::selection {
  color: #fff;
  background: rgb(124 58 237 / 0.78);
}

a,
button,
[role="button"] {
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

button:hover,
[role="button"]:hover {
  box-shadow: 0 8px 24px rgb(124 58 237 / 0.12);
}

img[src*="fox-ai.svg"] {
  filter: drop-shadow(0 5px 14px rgb(124 58 237 / 0.22));
}