.theme-{{ theme }} {
    --background: {{ colors.light.background }};
    --foreground: {{ colors.light.foreground }};

    --muted: {{ colors.light.muted }};
    --muted-foreground: {{ colors.light.muted-foreground }};

    --popover: {{ colors.light.popover }};
    --popover-foreground: {{ colors.light.popover-foreground }};

    --card: {{ colors.light.card }};
    --card-foreground: {{ colors.light.card-foreground }};

    --border: {{ colors.light.border }};
    --input: {{ colors.light.input }};

    --primary: {{ colors.light.primary }};
    --primary-foreground: {{ colors.light.primary-foreground }};

    --secondary: {{ colors.light.secondary }};
    --secondary-foreground: {{ colors.light.secondary-foreground }};

    --accent: {{ colors.light.accent }};
    --accent-foreground: {{ colors.light.accent-foreground }};

    --destructive: {{ colors.light.destructive }};
    --destructive-foreground: {{ colors.light.destructive-foreground }};

    --ring: {{ colors.light.ring }};

    --radius: {{ colors.light.radius }};
}

.dark .theme-{{ theme }} {
    --background: {{ colors.dark.background }};
    --foreground: {{ colors.dark.foreground }};

    --muted: {{ colors.dark.muted }};
    --muted-foreground: {{ colors.dark.muted-foreground }};

    --popover: {{ colors.dark.popover }};
    --popover-foreground: {{ colors.dark.popover-foreground }};

    --card: {{ colors.dark.card }};
    --card-foreground: {{ colors.dark.card-foreground }};

    --border: {{ colors.dark.border }};
    --input: {{ colors.dark.input }};

    --primary: {{ colors.dark.primary }};
    --primary-foreground: {{ colors.dark.primary-foreground }};

    --secondary: {{ colors.dark.secondary }};
    --secondary-foreground: {{ colors.dark.secondary-foreground }};

    --accent: {{ colors.dark.accent }};
    --accent-foreground: {{ colors.dark.accent-foreground }};

    --destructive: {{ colors.dark.destructive }};
    --destructive-foreground: {{ colors.dark.destructive-foreground }};

    --ring: {{ colors.dark.ring }};
}
