Initial commit: HMDesignSystem baseline

scripts/theme-templates/primitives.css

@@ -0,0 +1,45 @@
+/* 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}};
+}