/* HM color palette. Primitive names describe colors, not UI roles. */
:root {
  --hm-green-light-4: {{color.palette.green-light-4}};
  --hm-green-light-3: {{color.palette.green-light-3}};
  --hm-green-light-2: {{color.palette.green-light-2}};
  --hm-green-light-1: {{color.palette.green-light-1}};
  --hm-green-default: {{color.palette.green-default}};
  --hm-green-dark-1: {{color.palette.green-dark-1}};
  --hm-green-dark-2: {{color.palette.green-dark-2}};

  --hm-brown-light-2: {{color.palette.brown-light-2}};
  --hm-brown-light-1: {{color.palette.brown-light-1}};
  --hm-brown-default: {{color.palette.brown-default}};
  --hm-brown-dark-1: {{color.palette.brown-dark-1}};

  --hm-brown-light-4: {{color.palette.brown-light-4}};

  --hm-orange-light-4: {{color.palette.orange-light-4}};
  --hm-orange-default: {{color.palette.orange-default}};

  --hm-warm-neutral-light: {{color.palette.warm-neutral-light}};
  --hm-warm-neutral-mid: {{color.palette.warm-neutral-mid}};
  --hm-warm-neutral-dark: {{color.palette.warm-neutral-dark}};
  --hm-beige-light: {{color.palette.beige-light}};

  --hm-red-danger: {{color.palette.red-danger}};
  --hm-white: {{color.palette.white}};
  --hm-black: {{color.palette.black}};
  --hm-neutral-gray-500: {{color.palette.neutral-gray-500}};

  /* Existing preview values without an approved palette alias. */
  --hm-green-tone-1: {{color.palette.green-tone-1}};
  --hm-green-tone-2: {{color.palette.green-tone-2}};
  --hm-green-tone-3: {{color.palette.green-tone-3}};
  --hm-green-tone-4: {{color.palette.green-tone-4}};
  --hm-warm-neutral-pale: {{color.palette.warm-neutral-pale}};
  --hm-warm-neutral-secondary: {{color.palette.warm-neutral-secondary}};
  --hm-warm-neutral-muted: {{color.palette.warm-neutral-muted}};
  --hm-green-tint: {{color.palette.green-tint}};
}

/* Accent for the current parent group on the green LNB surface (ui-viz color.action.accent-on-green). */
:root {
  --hm-yellow-accent: {{color.palette.yellow-accent}};
}

/* Confirmed brand palette additions (ui_viz Color 4.1; Orange Dark 1/2 confirmed by user 2026-10-11). */
:root {
  --hm-green-dark-3: {{color.palette.green-dark-3}};
  --hm-brown-light-3: {{color.palette.brown-light-3}};
  --hm-brown-dark-2: {{color.palette.brown-dark-2}};
  --hm-brown-dark-3: {{color.palette.brown-dark-3}};
  --hm-orange-light-3: {{color.palette.orange-light-3}};
  --hm-orange-light-2: {{color.palette.orange-light-2}};
  --hm-orange-light-1: {{color.palette.orange-light-1}};
  --hm-orange-dark-1: {{color.palette.orange-dark-1}};
  --hm-orange-dark-2: {{color.palette.orange-dark-2}};
  --hm-orange-dark-3: {{color.palette.orange-dark-3}};
}