/*
  Brand layer (visual direction › Brand layer). The host sets data-brand on <html> for the deployment's product.
  JDS maps its accent to Tailwind orange; LE maps its to teal. JDS is the default when no brand is set.
*/
:root,
:root[data-brand="jds"] {
    --accent-50: var(--orange-50);
    --accent-100: var(--orange-100);
    --accent-200: var(--orange-200);
    --accent-300: var(--orange-300);
    --accent-400: var(--orange-400);
    --accent-500: var(--orange-500);
    --accent-600: var(--orange-600);
    --accent-700: var(--orange-700);
    --accent-800: var(--orange-800);
    --accent-900: var(--orange-900);
    --accent-950: var(--orange-950);
}

:root[data-brand="le"] {
    --accent-50: var(--teal-50);
    --accent-100: var(--teal-100);
    --accent-200: var(--teal-200);
    --accent-300: var(--teal-300);
    --accent-400: var(--teal-400);
    --accent-500: var(--teal-500);
    --accent-600: var(--teal-600);
    --accent-700: var(--teal-700);
    --accent-800: var(--teal-800);
    --accent-900: var(--teal-900);
    --accent-950: var(--teal-950);
}