:root {
  --spice-text: {{colors.primary.default.hex}};
  --spice-subtext: {{colors.on_surface_variant.default.hex}};
  --spice-nav-active: {{colors.primary.default.hex}};
  --spice-nav-active-text: {{colors.surface.default.hex}};
  --spice-main: {{colors.surface.default.hex}};
  --spice-main-secondary: {{colors.surface_container.default.hex}};
  --spice-main-elevated: {{colors.surface_container_high.default.hex}};
  --spice-sidebar: {{colors.surface.default.hex}};
  --spice-card: {{colors.surface_container_high.default.hex}};
  --spice-shadow: {{colors.shadow.default.hex}};
  --spice-button: {{colors.primary.default.hex}};
  --spice-button-active: {{colors.primary.default.hex}};
  --spice-button-secondary: {{colors.on_surface_variant.default.hex}};
  --spice-button-disabled: {{colors.outline_variant.default.hex}};
  --spice-player: {{colors.surface_container_high.default.hex}};
  --spice-play-button: {{colors.primary.default.hex}};
  --spice-playback-bar: {{colors.primary.default.hex}};
  --spice-tab-active: {{colors.surface_container.default.hex}};
  --spice-selected-row: {{colors.on_surface.default.hex}};
  --spice-highlight: {{colors.surface_container.default.hex}};
  --spice-highlight-elevated: {{colors.surface_container_high.default.hex}};
  --spice-notification: {{colors.surface_container_high.default.hex}};
  --spice-notification-error: {{colors.error_container.default.hex}};
  --spice-misc: {{colors.on_surface.default.hex}};

  --spice-rgb-text: {{colors.primary.default.red}}, {{colors.primary.default.green}}, {{colors.primary.default.blue}};
  --spice-rgb-subtext: {{colors.on_surface_variant.default.red}}, {{colors.on_surface_variant.default.green}}, {{colors.on_surface_variant.default.blue}};
  --spice-rgb-nav-active: {{colors.primary.default.red}}, {{colors.primary.default.green}}, {{colors.primary.default.blue}};
  --spice-rgb-nav-active-text: {{colors.surface.default.red}}, {{colors.surface.default.green}}, {{colors.surface.default.blue}};
  --spice-rgb-main: {{colors.surface.default.red}}, {{colors.surface.default.green}}, {{colors.surface.default.blue}};
  --spice-rgb-main-secondary: {{colors.surface_container.default.red}}, {{colors.surface_container.default.green}}, {{colors.surface_container.default.blue}};
  --spice-rgb-main-elevated: {{colors.surface_container_high.default.red}}, {{colors.surface_container_high.default.green}}, {{colors.surface_container_high.default.blue}};
  --spice-rgb-sidebar: {{colors.surface.default.red}}, {{colors.surface.default.green}}, {{colors.surface.default.blue}};
  --spice-rgb-card: {{colors.surface_container_high.default.red}}, {{colors.surface_container_high.default.green}}, {{colors.surface_container_high.default.blue}};
  --spice-rgb-shadow: {{colors.shadow.default.red}}, {{colors.shadow.default.green}}, {{colors.shadow.default.blue}};
  --spice-rgb-button: {{colors.primary.default.red}}, {{colors.primary.default.green}}, {{colors.primary.default.blue}};
  --spice-rgb-button-active: {{colors.primary.default.red}}, {{colors.primary.default.green}}, {{colors.primary.default.blue}};
  --spice-rgb-button-secondary: {{colors.primary_container.default.red}}, {{colors.primary_container.default.green}}, {{colors.primary_container.default.blue}};
  --spice-rgb-button-disabled: {{colors.outline_variant.default.red}}, {{colors.outline_variant.default.green}}, {{colors.outline_variant.default.blue}};
  --spice-rgb-player: {{colors.surface_container_high.default.red}}, {{colors.surface_container_high.default.green}}, {{colors.surface_container_high.default.blue}};
  --spice-rgb-play-button: {{colors.primary.default.red}}, {{colors.primary.default.green}}, {{colors.primary.default.blue}};
  --spice-rgb-playback-bar: {{colors.primary.default.red}}, {{colors.primary.default.green}}, {{colors.primary.default.blue}};
  --spice-rgb-tab-active: {{colors.surface_container.default.red}}, {{colors.surface_container.default.green}}, {{colors.surface_container.default.blue}};
  --spice-rgb-selected-row: {{colors.on_surface.default.red}}, {{colors.on_surface.default.green}}, {{colors.on_surface.default.blue}};
  --spice-rgb-highlight: {{colors.surface_container.default.red}}, {{colors.surface_container.default.green}}, {{colors.surface_container.default.blue}};
  --spice-rgb-highlight-elevated: {{colors.surface_container_high.default.red}}, {{colors.surface_container_high.default.green}}, {{colors.surface_container_high.default.blue}};
  --spice-rgb-notification: {{colors.surface_container_high.default.red}}, {{colors.surface_container_high.default.green}}, {{colors.surface_container_high.default.blue}};
  --spice-rgb-notification-error: {{colors.error_container.default.red}}, {{colors.error_container.default.green}}, {{colors.error_container.default.blue}};
  --spice-rgb-misc: {{colors.on_surface.default.red}}, {{colors.on_surface.default.green}}, {{colors.on_surface.default.blue}};
}