/*
 * AI Distro brand override.
 *
 * style.css (TailAdmin) is Tailwind v4, which compiles colors to real CSS
 * custom properties under `:root` (e.g. --color-brand-500: #465fff). That
 * means every utility class using "brand" (bg-brand-500, text-brand-500,
 * border-brand-300, focus:ring-brand-500, dark:bg-brand-950, etc.) reads
 * its color from these variables at paint time — so redefining the
 * variables here reskins every one of those classes globally, with zero
 * changes needed to any Blade view.
 *
 * Only the shades actually used anywhere in style.css are overridden
 * (50, 100, 200, 300, 400, 500, 600, 800, 950 — style.css never defines or
 * uses 700/900 for "brand", so there's nothing to override there).
 *
 * Values below are generated from the exact green in the AI Distro logo
 * (#40B93C), kept as the true 500 anchor.
 */
:root, :host {
  --color-brand-50: #ECF9EC;
  --color-brand-100: #D9F3D8;
  --color-brand-200: #B4E6B2;
  --color-brand-300: #86D784;
  --color-brand-400: #5DC959;
  --color-brand-500: #40B93C;
  --color-brand-600: #359A32;
  --color-brand-800: #21601F;
  --color-brand-950: #0D270C;
}

/*
 * One spot doesn't read the variable — .focus\:shadow-focus-ring hardcodes
 * rgba(70, 95, 255, 0.12), which is TailAdmin's brand-500 (#465FFF) written
 * out as RGB rather than referencing the custom property. Overriding the
 * variable above doesn't touch this one, so it's restated here in green
 * (64, 185, 60 = #40B93C) at the same 0.12 alpha.
 */
.focus\:shadow-focus-ring:focus {
  --tw-shadow: 0px 0px 0px 4px var(--tw-shadow-color, rgba(64, 185, 60, 0.12));
}

/*
 * Not overridden (flagging, not fixing): the vector-map demo widgets
 * (#mapTwo, #mapCustomerPinPoint) hardcode brand-blue hex values directly
 * in their region-fill rules rather than using the CSS variables. These
 * only matter if this project actually uses those map components — if so,
 * say the word and I'll add matching overrides for those specific
 * selectors too.
 */