input_template.j2

/* Matugen generated variables */
:root {
  /* Main UI Surface */
  --m3-bg: {{colors.surface.dark.hex}};
  --m3-on-bg: {{colors.on_surface.dark.hex}};
  --m3-surface-variant: {{colors.surface_variant.dark.hex}};
  --m3-on-surface-variant: {{colors.on_surface_variant.dark.hex}};

  /* Primary Accents */
  --m3-primary: {{colors.primary.dark.hex}};
  --m3-on-primary: {{colors.on_primary.dark.hex}};
  --m3-primary-container: {{colors.primary_container.dark.hex}};

  /* Secondary/Tertiary */
  --m3-secondary: {{colors.secondary.dark.hex}};
  --m3-tertiary: {{colors.tertiary.dark.hex}};
  --m3-on-tertiary: {{colors.on_tertiary.dark.hex}};

  /* Utility & Feedback */
  --m3-outline: {{colors.outline.dark.hex}};
  --m3-error: {{colors.error.dark.hex}};

  /* Interaction states with filters */
  --m3-hover: {{colors.primary.dark.hex | lighten(10)}};
  --m3-on-hover: {{colors.on_primary.dark.hex}};
}