/* Generated themes */
[data-theme="light-arbour"] {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;
    --primary: 222.2 47.4% 11.2%;
    --primary-foreground: 210 40% 98%;
    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;
    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;
    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;
    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 222.2 84% 4.9%;
    --radius: 0.5rem;
    --primary-hover: 222.2 47.4% 15%;
    --secondary-hover: 210 40% 90%;
}

[data-theme="deep-blue"] {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;
    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;
    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;
    --primary: 210 40% 98%;
    --primary-foreground: 222.2 47.4% 11.2%;
    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;
    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;
    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;
    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 212.7 26.8% 83.9%;
  }

[data-theme="serene-mist"] {
--background: 210 20% 98%;
--foreground: 210 20% 15%;
--card: 210 20% 96%;
--card-foreground: 210 20% 15%;
--popover: 210 20% 96%;
--popover-foreground: 210 20% 15%;
--primary: 200 60% 50%;
--primary-foreground: 0 0% 100%;
--secondary: 210 10% 85%;
--secondary-foreground: 210 20% 20%;
--muted: 210 10% 90%;
--muted-foreground: 210 10% 40%;
--accent: 200 60% 90%;
--accent-foreground: 200 60% 20%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 210 10% 80%;
--input: 210 10% 80%;
--ring: 200 60% 50%;
--radius: 0.5rem;
--primary-hover: 200 60% 45%;
--secondary-hover: 210 10% 80%;
}

[data-theme="golden-embers"] {
--background: 20 15% 10%;
--foreground: 20 15% 90%;
--card: 20 15% 15%;
--card-foreground: 20 15% 90%;
--popover: 20 15% 15%;
--popover-foreground: 20 15% 90%;
--primary: 30 80% 60%;
--primary-foreground: 0 0% 100%;
--secondary: 10 50% 30%;
--secondary-foreground: 20 15% 80%;
--muted: 20 10% 20%;
--muted-foreground: 20 10% 50%;
--accent: 30 80% 70%;
--accent-foreground: 30 80% 10%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 20 10% 30%;
--input: 20 10% 30%;
--ring: 30 80% 60%;
--radius: 0.5rem;
--primary-hover: 30 80% 55%;
--secondary-hover: 10 50% 25%;
}

[data-theme="deep-ocean"] {
--background: 220 30% 8%;
--foreground: 220 30% 92%;
--card: 220 30% 12%;
--card-foreground: 220 30% 92%;
--popover: 220 30% 12%;
--popover-foreground: 220 30% 92%;
--primary: 200 70% 40%;
--primary-foreground: 0 0% 100%;
--secondary: 180 50% 25%;
--secondary-foreground: 220 30% 85%;
--muted: 220 20% 18%;
--muted-foreground: 220 20% 50%;
--accent: 200 70% 50%;
--accent-foreground: 200 70% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 220 20% 25%;
--input: 220 20% 25%;
--ring: 200 70% 40%;
--radius: 0.5rem;
--primary-hover: 200 70% 35%;
--secondary-hover: 180 50% 20%;
}

[data-theme="forest-canopy"] {
--background: 120 15% 95%;
--foreground: 120 15% 15%;
--card: 120 15% 90%;
--card-foreground: 120 15% 15%;
--popover: 120 15% 90%;
--popover-foreground: 120 15% 15%;
--primary: 100 50% 40%;
--primary-foreground: 0 0% 100%;
--secondary: 80 30% 60%;
--secondary-foreground: 120 15% 25%;
--muted: 120 10% 80%;
--muted-foreground: 120 10% 45%;
--accent: 100 50% 50%;
--accent-foreground: 100 50% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 120 10% 70%;
--input: 120 10% 70%;
--ring: 100 50% 40%;
--radius: 0.5rem;
--primary-hover: 100 50% 35%;
--secondary-hover: 80 30% 55%;
}

[data-theme="winter-solstice"] {
--background: 210 20% 95%;
--foreground: 210 20% 10%;
--card: 210 20% 90%;
--card-foreground: 210 20% 10%;
--popover: 210 20% 90%;
--popover-foreground: 210 20% 10%;
--primary: 200 40% 60%;
--primary-foreground: 0 0% 100%;
--secondary: 220 10% 75%;
--secondary-foreground: 210 20% 20%;
--muted: 210 10% 85%;
--muted-foreground: 210 10% 40%;
--accent: 200 40% 65%;
--accent-foreground: 200 40% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 210 10% 70%;
--input: 210 10% 70%;
--ring: 200 40% 60%;
--radius: 0.5rem;
--primary-hover: 200 40% 55%;
--secondary-hover: 220 10% 70%;
}

[data-theme="twilight-garden"] {
--background: 260 15% 15%;
--foreground: 260 15% 90%;
--card: 260 15% 20%;
--card-foreground: 260 15% 90%;
--popover: 260 15% 20%;
--popover-foreground: 260 15% 90%;
--primary: 280 40% 50%;
--primary-foreground: 0 0% 100%;
--secondary: 320 20% 40%;
--secondary-foreground: 260 15% 80%;
--muted: 260 10% 25%;
--muted-foreground: 260 10% 55%;
--accent: 280 40% 60%;
--accent-foreground: 280 40% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 260 10% 30%;
--input: 260 10% 30%;
--ring: 280 40% 50%;
--radius: 0.5rem;
--primary-hover: 280 40% 45%;
--secondary-hover: 320 20% 35%;
}

[data-theme="desert-bloom"] {
--background: 40 20% 95%;
--foreground: 40 20% 15%;
--card: 40 20% 90%;
--card-foreground: 40 20% 15%;
--popover: 40 20% 90%;
--popover-foreground: 40 20% 15%;
--primary: 30 70% 50%;
--primary-foreground: 0 0% 100%;
--secondary: 90 20% 40%;
--secondary-foreground: 40 20% 25%;
--muted: 40 10% 80%;
--muted-foreground: 40 10% 45%;
--accent: 30 70% 60%;
--accent-foreground: 30 70% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 40 10% 70%;
--input: 40 10% 70%;
--ring: 30 70% 50%;
--radius: 0.5rem;
--primary-hover: 30 70% 45%;
--secondary-hover: 90 20% 35%;
}

[data-theme="cobblestone-alley"] {
--background: 0 0% 95%;
--foreground: 0 0% 15%;
--card: 0 0% 90%;
--card-foreground: 0 0% 15%;
--popover: 0 0% 90%;
--popover-foreground: 0 0% 15%;
--primary: 240 5% 40%;
--primary-foreground: 0 0% 100%;
--secondary: 30 10% 50%;
--secondary-foreground: 0 0% 25%;
--muted: 0 0% 80%;
--muted-foreground: 0 0% 45%;
--accent: 240 5% 50%;
--accent-foreground: 240 5% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 0 0% 70%;
--input: 0 0% 70%;
--ring: 240 5% 40%;
--radius: 0.5rem;
--primary-hover: 240 5% 35%;
--secondary-hover: 30 10% 45%;
}

[data-theme="lavender-fields"] {
--background: 270 20% 98%;
--foreground: 270 20% 10%;
--card: 270 20% 95%;
--card-foreground: 270 20% 10%;
--popover: 270 20% 95%;
--popover-foreground: 270 20% 10%;
--primary: 260 50% 60%;
--primary-foreground: 0 0% 100%;
--secondary: 100 20% 70%;
--secondary-foreground: 270 20% 20%;
--muted: 270 10% 85%;
--muted-foreground: 270 10% 40%;
--accent: 260 50% 65%;
--accent-foreground: 260 50% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 270 10% 70%;
--input: 270 10% 70%;
--ring: 260 50% 60%;
--radius: 0.5rem;
--primary-hover: 260 50% 55%;
--secondary-hover: 100 20% 65%;
}

[data-theme="cloud-whispers"] {
--background: 220 30% 99%;
--foreground: 220 30% 10%;
--card: 220 30% 97%;
--card-foreground: 220 30% 10%;
--popover: 220 30% 97%;
--popover-foreground: 220 30% 10%;
--primary: 200 60% 70%;
--primary-foreground: 0 0% 100%;
--secondary: 330 30% 85%;
--secondary-foreground: 220 30% 20%;
--muted: 220 10% 90%;
--muted-foreground: 220 10% 40%;
--accent: 200 60% 75%;
--accent-foreground: 200 60% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 220 10% 80%;
--input: 220 10% 80%;
--ring: 200 60% 70%;
--radius: 0.5rem;
--primary-hover: 200 60% 65%;
--secondary-hover: 330 30% 80%;
}

[data-theme="ancient-stone"] {
--background: 240 5% 10%;
--foreground: 240 5% 90%;
--card: 240 5% 15%;
--card-foreground: 240 5% 90%;
--popover: 240 5% 15%;
--popover-foreground: 240 5% 90%;
--primary: 240 5% 50%;
--primary-foreground: 0 0% 100%;
--secondary: 90 10% 30%;
--secondary-foreground: 240 5% 80%;
--muted: 240 5% 20%;
--muted-foreground: 240 5% 50%;
--accent: 240 5% 60%;
--accent-foreground: 240 5% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 240 5% 25%;
--input: 240 5% 25%;
--ring: 240 5% 50%;
--radius: 0.5rem;
--primary-hover: 240 5% 45%;
--secondary-hover: 90 10% 25%;
}

[data-theme="sunrise-glow"] {
--background: 40 40% 98%;
--foreground: 40 40% 10%;
--card: 40 40% 95%;
--card-foreground: 40 40% 10%;
--popover: 40 40% 95%;
--popover-foreground: 40 40% 10%;
--primary: 30 80% 65%;
--primary-foreground: 0 0% 100%;
--secondary: 200 40% 70%;
--secondary-foreground: 40 40% 20%;
--muted: 40 20% 85%;
--muted-foreground: 40 20% 40%;
--accent: 30 80% 70%;
--accent-foreground: 30 80% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 40 20% 70%;
--input: 40 20% 70%;
--ring: 30 80% 65%;
--radius: 0.5rem;
--primary-hover: 30 80% 60%;
--secondary-hover: 200 40% 65%;
}

[data-theme="moonlit-lake"] {
--background: 220 30% 5%;
--foreground: 220 30% 95%;
--card: 220 30% 10%;
--card-foreground: 220 30% 95%;
--popover: 220 30% 10%;
--popover-foreground: 220 30% 95%;
--primary: 210 50% 50%;
--primary-foreground: 0 0% 100%;
--secondary: 240 20% 30%;
--secondary-foreground: 220 30% 85%;
--muted: 220 20% 15%;
--muted-foreground: 220 20% 50%;
--accent: 210 50% 60%;
--accent-foreground: 210 50% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 220 20% 20%;
--input: 220 20% 20%;
--ring: 210 50% 50%;
--radius: 0.5rem;
--primary-hover: 210 50% 45%;
--secondary-hover: 240 20% 25%;
}

[data-theme="spring-blush"] {
--background: 330 20% 98%;
--foreground: 330 20% 10%;
--card: 330 20% 95%;
--card-foreground: 330 20% 10%;
--popover: 330 20% 95%;
--popover-foreground: 330 20% 10%;
--primary: 340 50% 70%;
--primary-foreground: 0 0% 100%;
--secondary: 120 20% 80%;
--secondary-foreground: 330 20% 20%;
--muted: 330 10% 85%;
--muted-foreground: 330 10% 40%;
--accent: 340 50% 75%;
--accent-foreground: 340 50% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 330 10% 70%;
--input: 330 10% 70%;
--ring: 340 50% 70%;
--radius: 0.5rem;
--primary-hover: 340 50% 65%;
--secondary-hover: 120 20% 75%;
}

[data-theme="harvest-moon"] {
--background: 280 20% 10%;
--foreground: 280 20% 90%;
--card: 280 20% 15%;
--card-foreground: 280 20% 90%;
--popover: 280 20% 15%;
--popover-foreground: 280 20% 90%;
--primary: 270 40% 45%;
--primary-foreground: 0 0% 100%;
--secondary: 40 70% 60%;
--secondary-foreground: 280 20% 80%;
--muted: 280 10% 20%;
--muted-foreground: 280 10% 50%;
--accent: 270 40% 55%;
--accent-foreground: 270 40% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 280 10% 25%;
--input: 280 10% 25%;
--ring: 270 40% 45%;
--radius: 0.5rem;
--primary-hover: 270 40% 40%;
--secondary-hover: 40 70% 55%;
}

[data-theme="emerald-grove"] {
--background: 140 30% 95%;
--foreground: 140 30% 15%;
--card: 140 30% 90%;
--card-foreground: 140 30% 15%;
--popover: 140 30% 90%;
--popover-foreground: 140 30% 15%;
--primary: 150 70% 40%;
--primary-foreground: 0 0% 100%;
--secondary: 100 40% 60%;
--secondary-foreground: 140 30% 25%;
--muted: 140 20% 80%;
--muted-foreground: 140 20% 45%;
--accent: 150 70% 50%;
--accent-foreground: 150 70% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 140 20% 70%;
--input: 140 20% 70%;
--ring: 150 70% 40%;
--radius: 0.5rem;
--primary-hover: 150 70% 35%;
--secondary-hover: 100 40% 55%;
}

[data-theme="silver-birch"] {
--background: 210 5% 98%;
--foreground: 210 5% 10%;
--card: 210 5% 95%;
--card-foreground: 210 5% 10%;
--popover: 210 5% 95%;
--popover-foreground: 210 5% 10%;
--primary: 210 10% 50%;
--primary-foreground: 0 0% 100%;
--secondary: 120 10% 70%;
--secondary-foreground: 210 5% 20%;
--muted: 210 5% 85%;
--muted-foreground: 210 5% 40%;
--accent: 210 10% 60%;
--accent-foreground: 210 10% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 210 5% 70%;
--input: 210 5% 70%;
--ring: 210 10% 50%;
--radius: 0.5rem;
--primary-hover: 210 10% 45%;
--secondary-hover: 120 10% 65%;
}

[data-theme="misty-moor"] {
--background: 280 10% 12%;
--foreground: 280 10% 90%;
--card: 280 10% 18%;
--card-foreground: 280 10% 90%;
--popover: 280 10% 18%;
--popover-foreground: 280 10% 90%;
--primary: 270 30% 40%;
--primary-foreground: 0 0% 100%;
--secondary: 100 20% 30%;
--secondary-foreground: 280 10% 80%;
--muted: 280 5% 25%;
--muted-foreground: 280 5% 55%;
--accent: 270 30% 50%;
--accent-foreground: 270 30% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 280 5% 30%;
--input: 280 5% 30%;
--ring: 270 30% 40%;
--radius: 0.5rem;
--primary-hover: 270 30% 35%;
--secondary-hover: 100 20% 25%;
}

[data-theme="saffron-spice"] {
--background: 40 40% 90%;
--foreground: 40 40% 10%;
--card: 40 40% 85%;
--card-foreground: 40 40% 10%;
--popover: 40 40% 85%;
--popover-foreground: 40 40% 10%;
--primary: 40 80% 55%;
--primary-foreground: 0 0% 100%;
--secondary: 10 70% 40%;
--secondary-foreground: 40 40% 20%;
--muted: 40 20% 75%;
--muted-foreground: 40 20% 45%;
--accent: 40 80% 65%;
--accent-foreground: 40 80% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 40 20% 65%;
--input: 40 20% 65%;
--ring: 40 80% 55%;
--radius: 0.5rem;
--primary-hover: 40 80% 50%;
--secondary-hover: 10 70% 35%;
}

[data-theme="oceanic-drift"] {
--background: 200 30% 98%;
--foreground: 200 30% 10%;
--card: 200 30% 95%;
--card-foreground: 200 30% 10%;
--popover: 200 30% 95%;
--popover-foreground: 200 30% 10%;
--primary: 210 50% 60%;
--primary-foreground: 0 0% 100%;
--secondary: 40 20% 80%;
--secondary-foreground: 200 30% 20%;
--muted: 200 10% 85%;
--muted-foreground: 200 10% 40%;
--accent: 210 50% 65%;
--accent-foreground: 210 50% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 200 10% 70%;
--input: 200 10% 70%;
--ring: 210 50% 60%;
--radius: 0.5rem;
--primary-hover: 210 50% 55%;
--secondary-hover: 40 20% 75%;
}

[data-theme="rustic-barn"] {
--background: 10 20% 95%;
--foreground: 10 20% 15%;
--card: 10 20% 90%;
--card-foreground: 10 20% 15%;
--popover: 10 20% 90%;
--popover-foreground: 10 20% 15%;
--primary: 0 60% 40%;
--primary-foreground: 0 0% 100%;
--secondary: 90 20% 50%;
--secondary-foreground: 10 20% 25%;
--muted: 10 10% 80%;
--muted-foreground: 10 10% 45%;
--accent: 0 60% 50%;
--accent-foreground: 0 60% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 10 10% 70%;
--input: 10 10% 70%;
--ring: 0 60% 40%;
--radius: 0.5rem;
--primary-hover: 0 60% 35%;
--secondary-hover: 90 20% 45%;
}

[data-theme="northern-lights"] {
--background: 240 40% 5%;
--foreground: 240 40% 95%;
--card: 240 40% 10%;
--card-foreground: 240 40% 95%;
--popover: 240 40% 10%;
--popover-foreground: 240 40% 95%;
--primary: 150 70% 50%;
--primary-foreground: 0 0% 100%;
--secondary: 270 50% 40%;
--secondary-foreground: 240 40% 85%;
--muted: 240 30% 15%;
--muted-foreground: 240 30% 50%;
--accent: 150 70% 60%;
--accent-foreground: 150 70% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 240 30% 20%;
--input: 240 30% 20%;
--ring: 150 70% 50%;
--radius: 0.5rem;
--primary-hover: 150 70% 45%;
--secondary-hover: 270 50% 35%;
}

[data-theme="rose-garden"] {
--background: 0 30% 98%;
--foreground: 0 30% 10%;
--card: 0 30% 95%;
--card-foreground: 0 30% 10%;
--popover: 0 30% 95%;
--popover-foreground: 0 30% 10%;
--primary: 350 70% 45%;
--primary-foreground: 0 0% 100%;
--secondary: 330 40% 70%;
--secondary-foreground: 0 30% 20%;
--muted: 0 10% 85%;
--muted-foreground: 0 10% 40%;
--accent: 350 70% 55%;
--accent-foreground: 350 70% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 0 10% 70%;
--input: 0 10% 70%;
--ring: 350 70% 45%;
--radius: 0.5rem;
--primary-hover: 350 70% 40%;
--secondary-hover: 330 40% 65%;
}

[data-theme="starry-night"] {
--background: 240 50% 3%;
--foreground: 240 50% 97%;
--card: 240 50% 8%;
--card-foreground: 240 50% 97%;
--popover: 240 50% 8%;
--popover-foreground: 240 50% 97%;
--primary: 220 70% 40%;
--primary-foreground: 0 0% 100%;
--secondary: 40 80% 60%;
--secondary-foreground: 240 50% 85%;
--muted: 240 40% 15%;
--muted-foreground: 240 40% 50%;
--accent: 220 70% 50%;
--accent-foreground: 220 70% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 240 40% 20%;
--input: 240 40% 20%;
--ring: 220 70% 40%;
--radius: 0.5rem;
--primary-hover: 220 70% 35%;
--secondary-hover: 40 80% 55%;
}

[data-theme="pebble-shore"] {
--background: 220 10% 98%;
--foreground: 220 10% 12%;
--card: 220 10% 95%;
--card-foreground: 220 10% 12%;
--popover: 220 10% 95%;
--popover-foreground: 220 10% 12%;
--primary: 210 20% 50%;
--primary-foreground: 0 0% 100%;
--secondary: 30 10% 70%;
--secondary-foreground: 220 10% 20%;
--muted: 220 5% 85%;
--muted-foreground: 220 5% 40%;
--accent: 210 20% 60%;
--accent-foreground: 210 20% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 220 5% 70%;
--input: 220 5% 70%;
--ring: 210 20% 50%;
--radius: 0.5rem;
--primary-hover: 210 20% 45%;
--secondary-hover: 30 10% 65%;
}

[data-theme="autumn-leaves"] {
--background: 25 30% 95%;
--foreground: 25 30% 15%;
--card: 25 30% 90%;
--card-foreground: 25 30% 15%;
--popover: 25 30% 90%;
--popover-foreground: 25 30% 15%;
--primary: 20 80% 50%;
--primary-foreground: 0 0% 100%;
--secondary: 0 60% 40%;
--secondary-foreground: 25 30% 25%;
--muted: 25 10% 80%;
--muted-foreground: 25 10% 45%;
--accent: 20 80% 60%;
--accent-foreground: 20 80% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 25 10% 70%;
--input: 25 10% 70%;
--ring: 20 80% 50%;
--radius: 0.5rem;
--primary-hover: 20 80% 45%;
--secondary-hover: 0 60% 35%;
}

[data-theme="frosty-pine"] {
--background: 180 20% 98%;
--foreground: 180 20% 10%;
--card: 180 20% 95%;
--card-foreground: 180 20% 10%;
--popover: 180 20% 95%;
--popover-foreground: 180 20% 10%;
--primary: 180 40% 40%;
--primary-foreground: 0 0% 100%;
--secondary: 200 30% 70%;
--secondary-foreground: 180 20% 20%;
--muted: 180 10% 85%;
--muted-foreground: 180 10% 40%;
--accent: 180 40% 50%;
--accent-foreground: 180 40% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 180 10% 70%;
--input: 180 10% 70%;
--ring: 180 40% 40%;
--radius: 0.5rem;
--primary-hover: 180 40% 35%;
--secondary-hover: 200 30% 65%;
}

[data-theme="canyon-sunset"] {
--background: 10 30% 15%;
--foreground: 10 30% 90%;
--card: 10 30% 20%;
--card-foreground: 10 30% 90%;
--popover: 10 30% 20%;
--popover-foreground: 10 30% 90%;
--primary: 20 70% 50%;
--primary-foreground: 0 0% 100%;
--secondary: 270 40% 30%;
--secondary-foreground: 10 30% 80%;
--muted: 10 20% 25%;
--muted-foreground: 10 20% 55%;
--accent: 20 70% 60%;
--accent-foreground: 20 70% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 10 20% 30%;
--input: 10 20% 30%;
--ring: 20 70% 50%;
--radius: 0.5rem;
--primary-hover: 20 70% 45%;
--secondary-hover: 270 40% 25%;
}

[data-theme="zen-garden"] {
--background: 100 10% 98%;
--foreground: 100 10% 10%;
--card: 100 10% 95%;
--card-foreground: 100 10% 10%;
--popover: 100 10% 95%;
--popover-foreground: 100 10% 10%;
--primary: 120 30% 40%;
--primary-foreground: 0 0% 100%;
--secondary: 220 5% 70%;
--secondary-foreground: 100 10% 20%;
--muted: 100 5% 85%;
--muted-foreground: 100 5% 40%;
--accent: 120 30% 50%;
--accent-foreground: 120 30% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 100 5% 70%;
--input: 100 5% 70%;
--ring: 120 30% 40%;
--radius: 0.5rem;
--primary-hover: 120 30% 35%;
--secondary-hover: 220 5% 65%;
}

[data-theme="volcanic-ash"] {
--background: 240 10% 8%;
--foreground: 240 10% 92%;
--card: 240 10% 13%;
--card-foreground: 240 10% 92%;
--popover: 240 10% 13%;
--popover-foreground: 240 10% 92%;
--primary: 240 5% 30%;
--primary-foreground: 0 0% 100%;
--secondary: 0 50% 20%;
--secondary-foreground: 240 10% 85%;
--muted: 240 5% 18%;
--muted-foreground: 240 5% 50%;
--accent: 240 5% 40%;
--accent-foreground: 240 5% 10%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 240 5% 25%;
--input: 240 5% 25%;
--ring: 240 5% 30%;
--radius: 0.5rem;
--primary-hover: 240 5% 25%;
--secondary-hover: 0 50% 15%;
}

[data-theme="tropical-lagoon"] {
--background: 190 60% 98%;
--foreground: 190 60% 10%;
--card: 190 60% 95%;
--card-foreground: 190 60% 10%;
--popover: 190 60% 95%;
--popover-foreground: 190 60% 10%;
--primary: 180 70% 50%;
--primary-foreground: 0 0% 100%;
--secondary: 60 70% 70%;
--secondary-foreground: 190 60% 20%;
--muted: 190 30% 85%;
--muted-foreground: 190 30% 40%;
--accent: 180 70% 60%;
--accent-foreground: 180 70% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 190 30% 70%;
--input: 190 30% 70%;
--ring: 180 70% 50%;
--radius: 0.5rem;
--primary-hover: 180 70% 45%;
--secondary-hover: 60 70% 65%;
}

[data-theme="velvet-night"] {
--background: 240 30% 3%;
--foreground: 240 30% 97%;
--card: 240 30% 8%;
--card-foreground: 240 30% 97%;
--popover: 240 30% 8%;
--popover-foreground: 240 30% 97%;
--primary: 230 60% 35%;
--primary-foreground: 0 0% 100%;
--secondary: 0 0% 40%;
--secondary-foreground: 240 30% 85%;
--muted: 240 20% 15%;
--muted-foreground: 240 20% 50%;
--accent: 230 60% 45%;
--accent-foreground: 230 60% 10%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 240 20% 20%;
--input: 240 20% 20%;
--ring: 230 60% 35%;
--radius: 0.5rem;
--primary-hover: 230 60% 30%;
--secondary-hover: 0 0% 35%;
}

[data-theme="meadow-lark"] {
--background: 60 40% 98%;
--foreground: 60 40% 10%;
--card: 60 40% 95%;
--card-foreground: 60 40% 10%;
--popover: 60 40% 95%;
--popover-foreground: 60 40% 10%;
--primary: 60 80% 60%;
--primary-foreground: 0 0% 100%;
--secondary: 120 50% 70%;
--secondary-foreground: 60 40% 20%;
--muted: 60 20% 85%;
--muted-foreground: 60 20% 40%;
--accent: 60 80% 65%;
--accent-foreground: 60 80% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 60 20% 70%;
--input: 60 20% 70%;
--ring: 60 80% 60%;
--radius: 0.5rem;
--primary-hover: 60 80% 55%;
--secondary-hover: 120 50% 65%;
}

[data-theme="old-parchment"] {
--background: 40 20% 90%;
--foreground: 40 20% 10%;
--card: 40 20% 85%;
--card-foreground: 40 20% 10%;
--popover: 40 20% 85%;
--popover-foreground: 40 20% 10%;
--primary: 30 40% 40%;
--primary-foreground: 0 0% 100%;
--secondary: 20 20% 60%;
--secondary-foreground: 40 20% 20%;
--muted: 40 10% 75%;
--muted-foreground: 40 10% 45%;
--accent: 30 40% 50%;
--accent-foreground: 30 40% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 40 10% 65%;
--input: 40 10% 65%;
--ring: 30 40% 40%;
--radius: 0.5rem;
--primary-hover: 30 40% 35%;
--secondary-hover: 20 20% 55%;
}

[data-theme="glacier-melt"] {
--background: 200 30% 98%;
--foreground: 200 30% 10%;
--card: 200 30% 95%;
--card-foreground: 200 30% 10%;
--popover: 200 30% 95%;
--popover-foreground: 200 30% 10%;
--primary: 200 60% 50%;
--primary-foreground: 0 0% 100%;
--secondary: 180 50% 60%;
--secondary-foreground: 200 30% 20%;
--muted: 200 10% 85%;
--muted-foreground: 200 10% 40%;
--accent: 200 60% 60%;
--accent-foreground: 200 60% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 200 10% 70%;
--input: 200 10% 70%;
--ring: 200 60% 50%;
--radius: 0.5rem;
--primary-hover: 200 60% 45%;
--secondary-hover: 180 50% 55%;
}

[data-theme="hearthside-glow"] {
--background: 10 20% 10%;
--foreground: 10 20% 90%;
--card: 10 20% 15%;
--card-foreground: 10 20% 90%;
--popover: 10 20% 15%;
--popover-foreground: 10 20% 90%;
--primary: 30 80% 55%;
--primary-foreground: 0 0% 100%;
--secondary: 0 60% 30%;
--secondary-foreground: 10 20% 80%;
--muted: 10 10% 20%;
--muted-foreground: 10 10% 50%;
--accent: 30 80% 65%;
--accent-foreground: 30 80% 15%;
--destructive: 0 70% 50%;
--destructive-foreground: 0 0% 100%;
--border: 10 10% 25%;
--input: 10 10% 25%;
--ring: 30 80% 55%;
--radius: 0.5rem;
--primary-hover: 30 80% 50%;
--secondary-hover: 0 60% 25%;
}

[data-theme="celestial-calm"] {
--background: 240 10% 8%;
--foreground: 220 20% 90%;
--card: 240 8% 12%;
--card-foreground: 220 20% 90%;
--popover: 240 8% 12%;
--popover-foreground: 220 20% 90%;
--primary: 250 50% 30%;
--primary-foreground: 0 0% 100%;
--secondary: 220 30% 20%;
--secondary-foreground: 220 20% 90%;
--muted: 240 5% 15%;
--muted-foreground: 220 15% 70%;
--accent: 250 40% 40%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 40%;
--destructive-foreground: 0 0% 100%;
--border: 240 7% 20%;
--input: 240 7% 20%;
--ring: 250 50% 35%;
--radius: 0.5rem;
--primary-hover: 250 50% 35%;
--secondary-hover: 220 30% 25%;
}

[data-theme="riverine-shimmer"] {
--background: 170 15% 95%;
--foreground: 170 10% 15%;
--card: 170 12% 90%;
--card-foreground: 170 10% 15%;
--popover: 170 12% 90%;
--popover-foreground: 170 10% 15%;
--primary: 160 40% 45%;
--primary-foreground: 0 0% 100%;
--secondary: 190 25% 60%;
--secondary-foreground: 170 10% 15%;
--muted: 170 10% 85%;
--muted-foreground: 170 8% 40%;
--accent: 160 35% 55%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 170 10% 80%;
--input: 170 10% 80%;
--ring: 160 40% 50%;
--radius: 0.5rem;
--primary-hover: 160 40% 50%;
--secondary-hover: 190 25% 65%;
}

[data-theme="ancient-amber"] {
--background: 30 15% 92%;
--foreground: 30 10% 18%;
--card: 30 12% 88%;
--card-foreground: 30 10% 18%;
--popover: 30 12% 88%;
--popover-foreground: 30 10% 18%;
--primary: 35 60% 40%;
--primary-foreground: 0 0% 100%;
--secondary: 20 30% 55%;
--secondary-foreground: 30 10% 18%;
--muted: 30 10% 80%;
--muted-foreground: 30 8% 45%;
--accent: 35 55% 50%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 30 10% 75%;
--input: 30 10% 75%;
--ring: 35 60% 45%;
--radius: 0.5rem;
--primary-hover: 35 60% 45%;
--secondary-hover: 20 30% 60%;
}

[data-theme="slate-haven"] {
--background: 210 10% 95%;
--foreground: 210 10% 15%;
--card: 210 8% 90%;
--card-foreground: 210 10% 15%;
--popover: 210 8% 90%;
--popover-foreground: 210 10% 15%;
--primary: 220 20% 40%;
--primary-foreground: 0 0% 100%;
--secondary: 200 15% 60%;
--secondary-foreground: 210 10% 15%;
--muted: 210 5% 85%;
--muted-foreground: 210 7% 40%;
--accent: 220 15% 50%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 210 8% 80%;
--input: 210 8% 80%;
--ring: 220 20% 45%;
--radius: 0.5rem;
--primary-hover: 220 20% 45%;
--secondary-hover: 200 15% 65%;
}

[data-theme="terracotta-dreams"] {
--background: 20 20% 95%;
--foreground: 20 15% 10%;
--card: 20 18% 90%;
--card-foreground: 20 15% 10%;
--popover: 20 18% 90%;
--popover-foreground: 20 15% 10%;
--primary: 15 60% 45%;
--primary-foreground: 0 0% 100%;
--secondary: 30 40% 60%;
--secondary-foreground: 20 15% 10%;
--muted: 20 15% 85%;
--muted-foreground: 20 12% 40%;
--accent: 15 55% 55%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 20 15% 80%;
--input: 20 15% 80%;
--ring: 15 60% 50%;
--radius: 0.5rem;
--primary-hover: 15 60% 50%;
--secondary-hover: 30 40% 65%;
}

[data-theme="jade-pagoda"] {
--background: 130 10% 90%;
--foreground: 130 10% 10%;
--card: 130 8% 85%;
--card-foreground: 130 10% 10%;
--popover: 130 8% 85%;
--popover-foreground: 130 10% 10%;
--primary: 140 40% 30%;
--primary-foreground: 0 0% 100%;
--secondary: 160 20% 50%;
--secondary-foreground: 130 10% 10%;
--muted: 130 5% 75%;
--muted-foreground: 130 7% 30%;
--accent: 140 35% 40%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 130 8% 70%;
--input: 130 8% 70%;
--ring: 140 40% 35%;
--radius: 0.5rem;
--primary-hover: 140 40% 35%;
--secondary-hover: 160 20% 55%;
}

[data-theme="sapphire-dusk"] {
--background: 220 15% 10%;
--foreground: 220 20% 90%;
--card: 220 12% 15%;
--card-foreground: 220 20% 90%;
--popover: 220 12% 15%;
--popover-foreground: 220 20% 90%;
--primary: 230 60% 30%;
--primary-foreground: 0 0% 100%;
--secondary: 200 20% 50%;
--secondary-foreground: 220 20% 90%;
--muted: 220 8% 20%;
--muted-foreground: 220 15% 70%;
--accent: 230 50% 40%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 40%;
--destructive-foreground: 0 0% 100%;
--border: 220 10% 25%;
--input: 220 10% 25%;
--ring: 230 60% 35%;
--radius: 0.5rem;
--primary-hover: 230 60% 35%;
--secondary-hover: 200 20% 55%;
}

[data-theme="pearlescent-dawn"] {
--background: 300 15% 98%;
--foreground: 300 10% 15%;
--card: 300 12% 95%;
--card-foreground: 300 10% 15%;
--popover: 300 12% 95%;
--popover-foreground: 300 10% 15%;
--primary: 320 30% 65%;
--primary-foreground: 0 0% 100%;
--secondary: 280 20% 75%;
--secondary-foreground: 300 10% 15%;
--muted: 300 8% 90%;
--muted-foreground: 300 7% 40%;
--accent: 320 25% 70%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 300 10% 92%;
--input: 300 10% 92%;
--ring: 320 30% 70%;
--radius: 0.5rem;
--primary-hover: 320 30% 70%;
--secondary-hover: 280 20% 80%;
}

[data-theme="charcoal-hearth"] {
--background: 200 5% 12%;
--foreground: 200 10% 85%;
--card: 200 7% 18%;
--card-foreground: 200 10% 85%;
--popover: 200 7% 18%;
--popover-foreground: 200 10% 85%;
--primary: 210 10% 30%;
--primary-foreground: 0 0% 100%;
--secondary: 200 5% 45%;
--secondary-foreground: 200 10% 85%;
--muted: 200 5% 25%;
--muted-foreground: 200 8% 60%;
--accent: 210 8% 38%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 40%;
--destructive-foreground: 0 0% 100%;
--border: 200 7% 30%;
--input: 200 7% 30%;
--ring: 210 10% 35%;
--radius: 0.5rem;
--primary-hover: 210 10% 35%;
--secondary-hover: 200 5% 50%;
}

[data-theme="sienna-ridges"] {
--background: 25 20% 92%;
--foreground: 25 15% 10%;
--card: 25 18% 88%;
--card-foreground: 25 15% 10%;
--popover: 25 18% 88%;
--popover-foreground: 25 15% 10%;
--primary: 20 50% 35%;
--primary-foreground: 0 0% 100%;
--secondary: 35 30% 50%;
--secondary-foreground: 25 15% 10%;
--muted: 25 15% 80%;
--muted-foreground: 25 12% 40%;
--accent: 20 45% 45%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 25 15% 75%;
--input: 25 15% 75%;
--ring: 20 50% 40%;
--radius: 0.5rem;
--primary-hover: 20 50% 40%;
--secondary-hover: 35 30% 55%;
}

[data-theme="alabaster-whisper"] {
--background: 0 0% 98%;
--foreground: 0 0% 15%;
--card: 0 0% 95%;
--card-foreground: 0 0% 15%;
--popover: 0 0% 95%;
--popover-foreground: 0 0% 15%;
--primary: 210 5% 70%;
--primary-foreground: 0 0% 100%;
--secondary: 0 0% 80%;
--secondary-foreground: 0 0% 15%;
--muted: 0 0% 90%;
--muted-foreground: 0 0% 40%;
--accent: 210 4% 75%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 0 0% 92%;
--input: 0 0% 92%;
--ring: 210 5% 75%;
--radius: 0.5rem;
--primary-hover: 210 5% 75%;
--secondary-hover: 0 0% 85%;
}

[data-theme="marigold-morn"] {
--background: 40 40% 98%;
--foreground: 40 30% 15%;
--card: 40 35% 95%;
--card-foreground: 40 30% 15%;
--popover: 40 35% 95%;
--popover-foreground: 40 30% 15%;
--primary: 45 70% 50%;
--primary-foreground: 0 0% 100%;
--secondary: 35 50% 70%;
--secondary-foreground: 40 30% 15%;
--muted: 40 30% 90%;
--muted-foreground: 40 25% 45%;
--accent: 45 65% 55%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 40 30% 92%;
--input: 40 30% 92%;
--ring: 45 70% 55%;
--radius: 0.5rem;
--primary-hover: 45 70% 55%;
--secondary-hover: 35 50% 75%;
}

[data-theme="indigo-reverie"] {
--background: 260 15% 10%;
--foreground: 260 20% 90%;
--card: 260 12% 15%;
--card-foreground: 260 20% 90%;
--popover: 260 12% 15%;
--popover-foreground: 260 20% 90%;
--primary: 270 50% 30%;
--primary-foreground: 0 0% 100%;
--secondary: 240 30% 20%;
--secondary-foreground: 260 20% 90%;
--muted: 260 8% 20%;
--muted-foreground: 260 15% 70%;
--accent: 270 40% 40%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 40%;
--destructive-foreground: 0 0% 100%;
--border: 260 10% 25%;
--input: 260 10% 25%;
--ring: 270 50% 35%;
--radius: 0.5rem;
--primary-hover: 270 50% 35%;
--secondary-hover: 240 30% 25%;
}

[data-theme="misty-willow"] {
--background: 100 10% 95%;
--foreground: 100 8% 15%;
--card: 100 7% 90%;
--card-foreground: 100 8% 15%;
--popover: 100 7% 90%;
--popover-foreground: 100 8% 15%;
--primary: 90 20% 45%;
--primary-foreground: 0 0% 100%;
--secondary: 120 10% 60%;
--secondary-foreground: 100 8% 15%;
--muted: 100 6% 85%;
--muted-foreground: 100 5% 40%;
--accent: 90 18% 55%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 100 7% 80%;
--input: 100 7% 80%;
--ring: 90 20% 50%;
--radius: 0.5rem;
--primary-hover: 90 20% 50%;
--secondary-hover: 120 10% 65%;
}

[data-theme="rust-patina"] {
--background: 30 15% 90%;
--foreground: 30 10% 12%;
--card: 30 12% 85%;
--card-foreground: 30 10% 12%;
--popover: 30 12% 85%;
--popover-foreground: 30 10% 12%;
--primary: 20 60% 30%;
--primary-foreground: 0 0% 100%;
--secondary: 100 20% 40%;
--secondary-foreground: 30 10% 12%;
--muted: 30 10% 75%;
--muted-foreground: 30 8% 35%;
--accent: 20 55% 40%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 30 10% 70%;
--input: 30 10% 70%;
--ring: 20 60% 35%;
--radius: 0.5rem;
--primary-hover: 20 60% 35%;
--secondary-hover: 100 20% 45%;
}

[data-theme="dusky-heather"] {
--background: 280 10% 15%;
--foreground: 280 15% 85%;
--card: 280 8% 20%;
--card-foreground: 280 15% 85%;
--popover: 280 8% 20%;
--popover-foreground: 280 15% 85%;
--primary: 290 30% 35%;
--primary-foreground: 0 0% 100%;
--secondary: 310 20% 45%;
--secondary-foreground: 280 15% 85%;
--muted: 280 7% 25%;
--muted-foreground: 280 12% 60%;
--accent: 290 25% 45%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 40%;
--destructive-foreground: 0 0% 100%;
--border: 280 9% 30%;
--input: 280 9% 30%;
--ring: 290 30% 40%;
--radius: 0.5rem;
--primary-hover: 290 30% 40%;
--secondary-hover: 310 20% 50%;
}

[data-theme="cerulean-drift"] {
--background: 200 30% 98%;
--foreground: 200 20% 10%;
--card: 200 25% 95%;
--card-foreground: 200 20% 10%;
--popover: 200 25% 95%;
--popover-foreground: 200 20% 10%;
--primary: 210 70% 55%;
--primary-foreground: 0 0% 100%;
--secondary: 190 50% 70%;
--secondary-foreground: 200 20% 10%;
--muted: 200 20% 90%;
--muted-foreground: 200 15% 40%;
--accent: 210 65% 60%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 200 25% 92%;
--input: 200 25% 92%;
--ring: 210 70% 60%;
--radius: 0.5rem;
--primary-hover: 210 70% 60%;
--secondary-hover: 190 50% 75%;
}

[data-theme="veridian-vista"] {
--background: 120 20% 95%;
--foreground: 120 15% 10%;
--card: 120 18% 90%;
--card-foreground: 120 15% 10%;
--popover: 120 18% 90%;
--popover-foreground: 120 15% 10%;
--primary: 110 50% 35%;
--primary-foreground: 0 0% 100%;
--secondary: 140 30% 50%;
--secondary-foreground: 120 15% 10%;
--muted: 120 15% 85%;
--muted-foreground: 120 12% 40%;
--accent: 110 45% 45%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 120 15% 80%;
--input: 120 15% 80%;
--ring: 110 50% 40%;
--radius: 0.5rem;
--primary-hover: 110 50% 40%;
--secondary-hover: 140 30% 55%;
}

[data-theme="porcelain-dreams"] {
--background: 200 5% 98%;
--foreground: 200 5% 10%;
--card: 200 4% 95%;
--card-foreground: 200 5% 10%;
--popover: 200 4% 95%;
--popover-foreground: 200 5% 10%;
--primary: 220 20% 70%;
--primary-foreground: 0 0% 100%;
--secondary: 190 15% 80%;
--secondary-foreground: 200 5% 10%;
--muted: 200 3% 90%;
--muted-foreground: 200 4% 40%;
--accent: 220 18% 75%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 200 4% 92%;
--input: 200 4% 92%;
--ring: 220 20% 75%;
--radius: 0.5rem;
--primary-hover: 220 20% 75%;
--secondary-hover: 190 15% 85%;
}

[data-theme="amaranth-whisper"] {
--background: 340 10% 95%;
--foreground: 340 8% 15%;
--card: 340 7% 90%;
--card-foreground: 340 8% 15%;
--popover: 340 7% 90%;
--popover-foreground: 340 8% 15%;
--primary: 330 30% 60%;
--primary-foreground: 0 0% 100%;
--secondary: 0 0% 70%;
--secondary-foreground: 340 8% 15%;
--muted: 340 6% 85%;
--muted-foreground: 340 5% 40%;
--accent: 330 25% 65%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 340 7% 80%;
--input: 340 7% 80%;
--ring: 330 30% 65%;
--radius: 0.5rem;
--primary-hover: 330 30% 65%;
--secondary-hover: 0 0% 75%;
}

[data-theme="ember-driftwood"] {
--background: 30 10% 15%;
--foreground: 30 15% 85%;
--card: 30 8% 20%;
--card-foreground: 30 15% 85%;
--popover: 30 8% 20%;
--popover-foreground: 30 15% 85%;
--primary: 20 40% 30%;
--primary-foreground: 0 0% 100%;
--secondary: 40 20% 40%;
--secondary-foreground: 30 15% 85%;
--muted: 30 7% 25%;
--muted-foreground: 30 12% 60%;
--accent: 20 35% 40%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 40%;
--destructive-foreground: 0 0% 100%;
--border: 30 9% 30%;
--input: 30 9% 30%;
--ring: 20 40% 35%;
--radius: 0.5rem;
--primary-hover: 20 40% 35%;
--secondary-hover: 40 20% 45%;
}

[data-theme="opal-dewdrop"] {
--background: 180 20% 98%;
--foreground: 180 15% 10%;
--card: 180 18% 95%;
--card-foreground: 180 15% 10%;
--popover: 180 18% 95%;
--popover-foreground: 180 15% 10%;
--primary: 190 40% 60%;
--primary-foreground: 0 0% 100%;
--secondary: 160 30% 70%;
--secondary-foreground: 180 15% 10%;
--muted: 180 15% 90%;
--muted-foreground: 180 12% 40%;
--accent: 190 35% 65%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 180 15% 92%;
--input: 180 15% 92%;
--ring: 190 40% 65%;
--radius: 0.5rem;
--primary-hover: 190 40% 65%;
--secondary-hover: 160 30% 75%;
}

[data-theme="flaxen-fields"] {
--background: 50 20% 95%;
--foreground: 50 15% 10%;
--card: 50 18% 90%;
--card-foreground: 50 15% 10%;
--popover: 50 18% 90%;
--popover-foreground: 50 15% 10%;
--primary: 45 60% 40%;
--primary-foreground: 0 0% 100%;
--secondary: 35 30% 60%;
--secondary-foreground: 50 15% 10%;
--muted: 50 15% 85%;
--muted-foreground: 50 12% 40%;
--accent: 45 55% 50%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 50 15% 80%;
--input: 50 15% 80%;
--ring: 45 60% 45%;
--radius: 0.5rem;
--primary-hover: 45 60% 45%;
--secondary-hover: 35 30% 65%;
}

[data-theme="crimson-peak"] {
--background: 0 10% 10%;
--foreground: 0 15% 85%;
--card: 0 8% 15%;
--card-foreground: 0 15% 85%;
--popover: 0 8% 15%;
--popover-foreground: 0 15% 85%;
--primary: 350 70% 30%;
--primary-foreground: 0 0% 100%;
--secondary: 220 10% 20%;
--secondary-foreground: 0 15% 85%;
--muted: 0 7% 20%;
--muted-foreground: 0 12% 60%;
--accent: 350 65% 40%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 40%;
--destructive-foreground: 0 0% 100%;
--border: 0 9% 25%;
--input: 0 9% 25%;
--ring: 350 70% 35%;
--radius: 0.5rem;
--primary-hover: 350 70% 35%;
--secondary-hover: 220 10% 25%;
}

[data-theme="cobalt-reef"] {
--background: 200 40% 95%;
--foreground: 200 30% 10%;
--card: 200 35% 90%;
--card-foreground: 200 30% 10%;
--popover: 200 35% 90%;
--popover-foreground: 200 30% 10%;
--primary: 220 70% 45%;
--primary-foreground: 0 0% 100%;
--secondary: 180 60% 60%;
--secondary-foreground: 200 30% 10%;
--muted: 200 30% 85%;
--muted-foreground: 200 25% 40%;
--accent: 220 65% 55%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 200 30% 80%;
--input: 200 30% 80%;
--ring: 220 70% 50%;
--radius: 0.5rem;
--primary-hover: 220 70% 50%;
--secondary-hover: 180 60% 65%;
}

[data-theme="lavender-haze"] {
--background: 270 10% 95%;
--foreground: 270 8% 15%;
--card: 270 7% 90%;
--card-foreground: 270 8% 15%;
--popover: 270 7% 90%;
--popover-foreground: 270 8% 15%;
--primary: 280 25% 60%;
--primary-foreground: 0 0% 100%;
--secondary: 250 15% 70%;
--secondary-foreground: 270 8% 15%;
--muted: 270 6% 85%;
--muted-foreground: 270 5% 40%;
--accent: 280 20% 65%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 270 7% 80%;
--input: 270 7% 80%;
--ring: 280 25% 65%;
--radius: 0.5rem;
--primary-hover: 280 25% 65%;
--secondary-hover: 250 15% 75%;
}

[data-theme="topaz-glow"] {
--background: 40 15% 90%;
--foreground: 40 10% 12%;
--card: 40 12% 85%;
--card-foreground: 40 10% 12%;
--popover: 40 12% 85%;
--popover-foreground: 40 10% 12%;
--primary: 45 60% 30%;
--primary-foreground: 0 0% 100%;
--secondary: 30 40% 50%;
--secondary-foreground: 40 10% 12%;
--muted: 40 10% 75%;
--muted-foreground: 40 8% 35%;
--accent: 45 55% 40%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 40 10% 70%;
--input: 40 10% 70%;
--ring: 45 60% 35%;
--radius: 0.5rem;
--primary-hover: 45 60% 35%;
--secondary-hover: 30 40% 55%;
}

[data-theme="willow-wisp"] {
--background: 100 10% 12%;
--foreground: 100 15% 85%;
--card: 100 8% 18%;
--card-foreground: 100 15% 85%;
--popover: 100 8% 18%;
--popover-foreground: 100 15% 85%;
--primary: 110 30% 30%;
--primary-foreground: 0 0% 100%;
--secondary: 130 20% 40%;
--secondary-foreground: 100 15% 85%;
--muted: 100 7% 25%;
--muted-foreground: 100 12% 60%;
--accent: 110 25% 40%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 40%;
--destructive-foreground: 0 0% 100%;
--border: 100 9% 30%;
--input: 100 9% 30%;
--ring: 110 30% 35%;
--radius: 0.5rem;
--primary-hover: 110 30% 35%;
--secondary-hover: 130 20% 45%;
}

[data-theme="amethyst-gaze"] {
--background: 270 15% 10%;
--foreground: 270 20% 90%;
--card: 270 12% 15%;
--card-foreground: 270 20% 90%;
--popover: 270 12% 15%;
--popover-foreground: 270 20% 90%;
--primary: 280 50% 30%;
--primary-foreground: 0 0% 100%;
--secondary: 250 30% 20%;
--secondary-foreground: 270 20% 90%;
--muted: 270 8% 20%;
--muted-foreground: 270 15% 70%;
--accent: 280 40% 40%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 40%;
--destructive-foreground: 0 0% 100%;
--border: 270 10% 25%;
--input: 270 10% 25%;
--ring: 280 50% 35%;
--radius: 0.5rem;
--primary-hover: 280 50% 35%;
--secondary-hover: 250 30% 25%;
}

[data-theme="earthen-ochre"] {
--background: 40 10% 15%;
--foreground: 40 15% 85%;
--card: 40 8% 20%;
--card-foreground: 40 15% 85%;
--popover: 40 8% 20%;
--popover-foreground: 40 15% 85%;
--primary: 35 40% 30%;
--primary-foreground: 0 0% 100%;
--secondary: 20 20% 40%;
--secondary-foreground: 40 15% 85%;
--muted: 40 7% 25%;
--muted-foreground: 40 12% 60%;
--accent: 35 35% 40%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 40%;
--destructive-foreground: 0 0% 100%;
--border: 40 9% 30%;
--input: 40 9% 30%;
--ring: 35 40% 35%;
--radius: 0.5rem;
--primary-hover: 35 40% 35%;
--secondary-hover: 20 20% 45%;
}

[data-theme="alabaster-dunes"] {
--background: 0 0% 98%;
--foreground: 0 0% 15%;
--card: 0 0% 95%;
--card-foreground: 0 0% 15%;
--popover: 0 0% 95%;
--popover-foreground: 0 0% 15%;
--primary: 0 0% 70%;
--primary-foreground: 0 0% 100%;
--secondary: 210 5% 80%;
--secondary-foreground: 0 0% 15%;
--muted: 0 0% 90%;
--muted-foreground: 0 0% 40%;
--accent: 0 0% 75%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 0 0% 92%;
--input: 0 0% 92%;
--ring: 0 0% 75%;
--radius: 0.5rem;
--primary-hover: 0 0% 75%;
--secondary-hover: 210 5% 85%;
}

[data-theme="arctic-solace"] {
--background: 200 10% 95%;
--foreground: 200 8% 15%;
--card: 200 7% 90%;
--card-foreground: 200 8% 15%;
--popover: 200 7% 90%;
--popover-foreground: 200 8% 15%;
--primary: 210 30% 60%;
--primary-foreground: 0 0% 100%;
--secondary: 190 20% 70%;
--secondary-foreground: 200 8% 15%;
--muted: 200 6% 85%;
--muted-foreground: 200 5% 40%;
--accent: 210 25% 65%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 200 7% 80%;
--input: 200 7% 80%;
--ring: 210 30% 65%;
--radius: 0.5rem;
--primary-hover: 210 30% 65%;
--secondary-hover: 190 20% 75%;
}

[data-theme="rosemary-mist"] {
--background: 100 10% 95%;
--foreground: 100 8% 15%;
--card: 100 7% 90%;
--card-foreground: 100 8% 15%;
--popover: 100 7% 90%;
--popover-foreground: 100 8% 15%;
--primary: 110 20% 45%;
--primary-foreground: 0 0% 100%;
--secondary: 270 10% 60%;
--secondary-foreground: 100 8% 15%;
--muted: 100 6% 85%;
--muted-foreground: 100 5% 40%;
--accent: 110 18% 55%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 100 7% 80%;
--input: 100 7% 80%;
--ring: 110 20% 50%;
--radius: 0.5rem;
--primary-hover: 110 20% 50%;
--secondary-hover: 270 10% 65%;
}

[data-theme="sepia-memory"] {
--background: 30 10% 90%;
--foreground: 30 8% 12%;
--card: 30 7% 85%;
--card-foreground: 30 8% 12%;
--popover: 30 7% 85%;
--popover-foreground: 30 8% 12%;
--primary: 35 30% 35%;
--primary-foreground: 0 0% 100%;
--secondary: 20 20% 45%;
--secondary-foreground: 30 8% 12%;
--muted: 30 6% 75%;
--muted-foreground: 30 5% 35%;
--accent: 35 25% 45%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 30 7% 70%;
--input: 30 7% 70%;
--ring: 35 30% 40%;
--radius: 0.5rem;
--primary-hover: 35 30% 40%;
--secondary-hover: 20 20% 50%;
}

[data-theme="ocean-swell"] {
--background: 210 20% 95%;
--foreground: 210 15% 10%;
--card: 210 18% 90%;
--card-foreground: 210 15% 10%;
--popover: 210 18% 90%;
--popover-foreground: 210 15% 10%;
--primary: 220 60% 40%;
--primary-foreground: 0 0% 100%;
--secondary: 190 40% 60%;
--secondary-foreground: 210 15% 10%;
--muted: 210 15% 85%;
--muted-foreground: 210 12% 40%;
--accent: 220 55% 50%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 210 15% 80%;
--input: 210 15% 80%;
--ring: 220 60% 45%;
--radius: 0.5rem;
--primary-hover: 220 60% 45%;
--secondary-hover: 190 40% 65%;
}

[data-theme="sandalwood-sunset"] {
--background: 30 15% 92%;
--foreground: 30 10% 18%;
--card: 30 12% 88%;
--card-foreground: 30 10% 18%;
--popover: 30 12% 88%;
--popover-foreground: 30 10% 18%;
--primary: 25 60% 35%;
--primary-foreground: 0 0% 100%;
--secondary: 40 40% 55%;
--secondary-foreground: 30 10% 18%;
--muted: 30 10% 80%;
--muted-foreground: 30 8% 45%;
--accent: 25 55% 45%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 30 10% 75%;
--input: 30 10% 75%;
--ring: 25 60% 40%;
--radius: 0.5rem;
--primary-hover: 25 60% 40%;
--secondary-hover: 40 40% 60%;
}

[data-theme="arctic-bloom"] {
--background: 200 20% 98%;
--foreground: 200 15% 10%;
--card: 200 18% 95%;
--card-foreground: 200 15% 10%;
--popover: 200 18% 95%;
--popover-foreground: 200 15% 10%;
--primary: 210 40% 60%;
--primary-foreground: 0 0% 100%;
--secondary: 330 20% 70%;
--secondary-foreground: 200 15% 10%;
--muted: 200 15% 90%;
--muted-foreground: 200 12% 40%;
--accent: 210 35% 65%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 200 15% 92%;
--input: 200 15% 92%;
--ring: 210 40% 65%;
--radius: 0.5rem;
--primary-hover: 210 40% 65%;
--secondary-hover: 330 20% 75%;
}

[data-theme="pewter-sky"] {
--background: 210 5% 95%;
--foreground: 210 4% 15%;
--card: 210 3% 90%;
--card-foreground: 210 4% 15%;
--popover: 210 3% 90%;
--popover-foreground: 210 4% 15%;
--primary: 220 10% 50%;
--primary-foreground: 0 0% 100%;
--secondary: 200 5% 65%;
--secondary-foreground: 210 4% 15%;
--muted: 210 3% 85%;
--muted-foreground: 210 3% 40%;
--accent: 220 8% 55%;
--accent-foreground: 0 0% 100%;
--destructive: 0 60% 50%;
--destructive-foreground: 0 0% 100%;
--border: 210 3% 80%;
--input: 210 3% 80%;
--ring: 220 10% 55%;
--radius: 0.5rem;
--primary-hover: 220 10% 55%;
--secondary-hover: 200 5% 70%;
}