/* default colorscheme */
.default-theme {
    --color-bg: oklch(0.96 0.005 70);
    --color-secondary-bg: oklch(0.85 0.01 240);
    --color-text: oklch(0.15 0.02 240);
    --color-border: oklch(0.79 0.02 240);

    --color-primary: oklch(0.4 0.1 240);
    --color-muted: oklch(0.4 0.02 240);
    --color-success: oklch(0.55 0.12 160);
    --color-error: oklch(0.5 0.14 20);
    --color-warning: oklch(0.75 0.12 90);
}

/* Modo Oscuro */
.default-theme.dark-mode {
    --color-bg: oklch(0.20 0 200);
    --color-secondary-bg: oklch(0.4 0.02 240);
    --color-text: oklch(0.9 0.01 240);
    --color-muted: oklch(0.7 0.02 240);
    --color-border: oklch(0.386 0.02 240);

    --color-primary: oklch(0.5 0.1 240);
    --color-success: oklch(0.65 0.14 160);
    --color-error: oklch(0.6 0.16 20);
    --color-warning: oklch(0.8 0.14 90);
}

.theme-warm {
    --color-bg: oklch(0.95 0.02 80);
    --color-secondary-bg: oklch(0.9 0.03 70);
    --color-text: oklch(0.18 0.03 60);
    --color-border: oklch(0.75 0.04 70);
    --color-primary: oklch(0.55 0.14 40);
    --color-success: oklch(0.6 0.16 140);
    --color-error: oklch(0.55 0.18 25);
    --color-warning: oklch(0.8 0.15 85);
}

/* Modo Oscuro Warm */
.theme-warm.dark-mode {
    --color-bg: oklch(0.18 0.02 80);
    --color-secondary-bg: oklch(0.35 0.03 70);
    --color-text: oklch(0.95 0.01 60);
    --color-muted: oklch(0.7 0.02 60);
    --color-border: oklch(0.45 0.04 70);

    --color-primary: oklch(0.6 0.14 40);
    --color-success: oklch(0.65 0.16 140);
    --color-error: oklch(0.65 0.18 25);
    --color-warning: oklch(0.85 0.15 85);
}

.theme-forest {
    --color-bg: oklch(0.93 0.03 150);
    --color-secondary-bg: oklch(0.88 0.05 150);
    --color-text: oklch(0.2 0.05 150);
    --color-border: oklch(0.7 0.06 150);
    --color-primary: oklch(0.45 0.14 150);
    --color-success: oklch(0.55 0.18 145);
    --color-error: oklch(0.5 0.16 25);
    --color-warning: oklch(0.75 0.14 95);
}

/* Modo Oscuro Forest */
.theme-forest.dark-mode {
    --color-bg: oklch(0.15 0.03 150);
    --color-secondary-bg: oklch(0.3 0.05 150);
    --color-text: oklch(0.92 0.02 150);
    --color-muted: oklch(0.7 0.03 150);
    --color-border: oklch(0.4 0.06 150);

    --color-primary: oklch(0.55 0.14 150);
    --color-success: oklch(0.65 0.18 145);
    --color-error: oklch(0.6 0.16 25);
    --color-warning: oklch(0.8 0.14 95);
}

.theme-pink {
    --color-bg: oklch(0.95 0.04 330);
    --color-secondary-bg: oklch(0.90 0.06 320);
    --color-text: oklch(0.18 0.05 320);
    --color-border: oklch(0.75 0.06 320);

    --color-primary: oklch(0.55 0.10 330); /* menos saturado */
    --color-muted: oklch(0.40 0.03 320);
    --color-success: oklch(0.60 0.10 140);
    --color-error: oklch(0.55 0.08 30); /* menos saturado */
    --color-warning: oklch(0.80 0.10 30); /* menos saturado */
}

.theme-pink.dark-mode {
    --color-bg: oklch(0.18 0.03 330);
    --color-secondary-bg: oklch(0.35 0.05 320);
    --color-text: oklch(0.93 0.04 320);
    --color-muted: oklch(0.70 0.02 320);
    --color-border: oklch(0.42 0.04 320);

    --color-primary: oklch(0.60 0.10 330); /* menos saturado */
    --color-success: oklch(0.65 0.10 140);
    --color-error: oklch(0.65 0.12 30); /* menos saturado */
    --color-warning: oklch(0.85 0.12 30); /* menos saturado */
}


/* Paleta basada en tu esquema - Modo Claro (default) */
.theme-lavender {
    --color-bg: #f8f8f8;
    --color-secondary-bg: #ffffff;
    --color-text: #27272a;
    --color-border: #d4d4d8;
    --color-muted: #6c6874;

    --color-primary: #6b749f;
    --color-success: #90b99f;
    --color-error: #ea83a5;
    --color-warning: #f5a191;
}

/* Modo Oscuro */
.theme-lavender.dark-mode {
    --color-bg: #1c1c1c;
    --color-secondary-bg: #131314;
    --color-text: #c9c7cd;
    --color-muted: #8b8693;
    --color-border: #37373a;

    --color-primary: #7a89c2;
    --color-success: #9dc6ac;
    --color-error: #f591b2;
    --color-warning: #ffae9f;
}