/*
 * Appshark brand — based on yellow preset, remapped to #c8ff00 (lime).
 * #c8ff00 = hsl(72.9 100% 50.0%)
 *
 * Server file: storage/app/public/branding/brand-override.css
 * Requires Tema de color = Amarillo (data-theme="yellow").
 *
 * BRAND LIME  = accent #c8ff00
 * Warm yellow/orange hues from the stock yellow theme were shifted into the
 * lime/olive family so secondary surfaces stay on-brand.
 */

/* ===== LIGHT ===== */
:root[data-theme="yellow"] {
  --spacing: 0.25rem;
  --radius: 0.625rem;
  --background: hsl(0 0% 100%);
  --foreground: hsl(80 14% 4%);              /* was warm 20° → lime-dark */
  --card: hsl(0 0% 100%);
  --card-foreground: hsl(80 14% 4%);
  --popover: hsl(0 0% 100%);
  --popover-foreground: hsl(80 14% 4%);
  --primary: hsl(72.9 100% 50%);             /* BRAND LIME #c8ff00 */
  --primary-foreground: hsl(80 90% 10%);     /* dark green on lime */
  --secondary: hsl(73 20% 95%);              /* was hue 60 yellow-tint */
  --secondary-foreground: hsl(80 20% 10%);
  --muted: hsl(73 16% 95%);
  --muted-foreground: hsl(80 8% 40%);
  --accent: hsl(73 20% 95%);
  --accent-foreground: hsl(80 20% 10%);
  --destructive: hsl(0 84.2% 60.2%);
  --destructive-foreground: hsl(75 20% 98%);
  --success: hsl(142 71% 45%);
  --success-foreground: hsl(0 0% 100%);
  --warning: hsl(72 85% 42%);                /* was orange 38° → lime-gold */
  --warning-foreground: hsl(80 90% 10%);
  --info: hsl(217 91% 60%);
  --info-foreground: hsl(0 0% 100%);
  --border: hsl(80 8% 88%);
  --input: hsl(80 8% 88%);
  --ring: hsl(72.9 100% 50%);                /* BRAND LIME #c8ff00 */
  --chart-1: hsl(72.9 100% 45%);             /* brand family */
  --chart-2: hsl(142 58% 40%);
  --chart-3: hsl(90 40% 35%);
  --chart-4: hsl(72 70% 55%);                /* was yellow 43° */
  --chart-5: hsl(85 55% 45%);                /* was orange 27° */
  --sidebar: hsl(75 20% 98%);
  --sidebar-foreground: hsl(80 14% 4%);
  --sidebar-primary: hsl(72.9 100% 50%);     /* BRAND LIME #c8ff00 */
  --sidebar-primary-foreground: hsl(80 90% 10%);
  --sidebar-accent: hsl(73 20% 95%);
  --sidebar-accent-foreground: hsl(80 20% 10%);
  --sidebar-border: hsl(80 8% 88%);
  --sidebar-ring: hsl(72.9 100% 50%);        /* BRAND LIME #c8ff00 */
}

/* ===== DARK ===== */
:root[data-theme="yellow"].dark,
:root.dark[data-theme="yellow"] {
  --background: hsl(80 14% 4%);
  --foreground: hsl(75 20% 97%);
  --card: hsl(80 14% 4%);
  --card-foreground: hsl(75 20% 97%);
  --popover: hsl(80 14% 4%);
  --popover-foreground: hsl(75 20% 97%);
  --primary: hsl(72.9 100% 50%);             /* BRAND LIME #c8ff00 */
  --primary-foreground: hsl(80 90% 10%);
  --secondary: hsl(80 10% 14%);              /* was warm 12° */
  --secondary-foreground: hsl(75 20% 97%);
  --muted: hsl(80 10% 14%);
  --muted-foreground: hsl(80 8% 60%);
  --accent: hsl(80 10% 14%);
  --accent-foreground: hsl(75 20% 97%);
  --destructive: hsl(0 62.8% 30.6%);
  --destructive-foreground: hsl(75 20% 97%);
  --success: hsl(142 71% 29%);
  --success-foreground: hsl(142 80% 85%);
  --warning: hsl(72 70% 38%);                /* was orange → lime-gold */
  --warning-foreground: hsl(72 90% 90%);
  --info: hsl(217 91% 35%);
  --info-foreground: hsl(217 90% 85%);
  --border: hsl(80 10% 14%);
  --input: hsl(80 10% 14%);
  --ring: hsl(72.9 100% 50%);                /* BRAND LIME #c8ff00 */
  --chart-1: hsl(72.9 100% 50%);
  --chart-2: hsl(142 60% 45%);
  --chart-3: hsl(90 55% 45%);                /* was orange 30° */
  --chart-4: hsl(100 50% 50%);
  --chart-5: hsl(160 55% 45%);
  --sidebar: hsl(80 14% 4%);
  --sidebar-foreground: hsl(75 20% 97%);
  --sidebar-primary: hsl(72.9 100% 50%);     /* BRAND LIME #c8ff00 */
  --sidebar-primary-foreground: hsl(80 90% 10%);
  --sidebar-accent: hsl(80 10% 14%);
  --sidebar-accent-foreground: hsl(75 20% 97%);
  --sidebar-border: hsl(80 10% 14%);
  --sidebar-ring: hsl(72.9 100% 50%);        /* BRAND LIME #c8ff00 */
}

/*
 * Dashboard / landing glow orbs (GradientBackground.tsx).
 * Tailwind hardcodes orange/amber/rose — override with !important.
 * Structure: wrapper.pointer-events-none > 3x div.animate-blob
 */
.pointer-events-none.overflow-hidden > div.animate-blob:nth-child(1) {
  background-color: hsl(72.9 100% 55% / 0.45) !important; /* was orange */
}
.pointer-events-none.overflow-hidden > div.animate-blob:nth-child(2) {
  background-color: hsl(72.9 90% 60% / 0.35) !important;  /* was amber */
}
.pointer-events-none.overflow-hidden > div.animate-blob:nth-child(3) {
  background-color: hsl(85 70% 70% / 0.35) !important;    /* was rose → soft lime */
}

.dark .pointer-events-none.overflow-hidden > div.animate-blob:nth-child(1) {
  background-color: hsl(72.9 100% 50% / 0.22) !important;
}
.dark .pointer-events-none.overflow-hidden > div.animate-blob:nth-child(2) {
  background-color: hsl(72.9 90% 50% / 0.16) !important;
}
.dark .pointer-events-none.overflow-hidden > div.animate-blob:nth-child(3) {
  background-color: hsl(85 80% 45% / 0.18) !important;
}