:root {
    --color-dark: #1a0f2e;
    --color-medium: #2d1b4e;
    --color-light: #4a2878;
    --color-accent: #7c3aed;
    --color-bright: #a855f7;
    --text-light: #f0f0ff;
    --text-gray: #b0b0c0;
    --background:#2d1b4e;
}

/* TECNA */

/* Escuro */
html.theme-tecna-dark,
.theme-tecna-dark {
    --color-dark: #1f164f;      /* roxo profundo */
    --color-medium: #7c3aed;    /* roxo vibrante */
    --color-light: #d946ef;     /* magenta */
    --color-accent: #a3ff00;    /* verde ácido */
    --color-bright: #e6d5c8;    /* neutro claro */

    --text-light: #f5f3ff;
    --text-gray: #c4b5fd;

    --background: #120c33;
}

/* Claro */
html.theme-tecna-light,
.theme-tecna-light {
    --color-dark: #5b21b6;
    --color-medium: #a855f7;
    --color-light: #f472ff;
    --color-accent: #84ff00;    /* verde lime */
    --color-bright: #f1dfd1;

    --text-light: #2e1065;
    --text-gray: #6b21a8;

    --background: #ffffff;
}
/* =========================
   AISHA (LAYLA)
   Referência: verde-água, oceano, areia
========================= */

/* Escuro */
html.theme-aisha-dark,
.theme-aisha-dark {
    --color-dark: #0b2f33;      /* azul petróleo profundo */
    --color-medium: #0f5c63;    /* verde oceano */
    --color-light: #14b8a6;     /* verde-água vibrante */
    --color-accent: #2dd4bf;    /* turquesa */
    --color-bright: #7dd3fc;    /* azul claro */

    --text-light: #ecfeff;
    --text-gray: #99f6e4;

    --background: #062125;
}


/* Claro */
html.theme-aisha-light,
.theme-aisha-light {
    --color-dark: #0f5c63;
    --color-medium: #14b8a6;
    --color-light: #5eead4;
    --color-accent: #2dd4bf;
    --color-bright: #bae6fd;

    --text-light: #083344;
    --text-gray: #0f766e;

    --background: #ffffff;      /* água clara */
}
/* MUSA */

/* Escuro */
html.theme-musa-dark,
.theme-musa-dark {
    --color-dark: #231a5c;
    --color-medium: #d91cff;
    --color-light: #ff002e;
    --color-accent: #ff1a3d;
    --color-bright: #e7d6c7;

    --text-light: #f1f5ff;
    --text-gray: #a78bfa;

    --background: #15113f;
}

/* Claro */
html.theme-musa-light,
.theme-musa-light {
    --color-dark: #4338ca;
    --color-medium: #f472ff;
    --color-light: #ff4d6d;
    --color-accent: #ff002e;
    --color-bright: #f3e4d8;

    --text-light: #1e1b4b;
    --text-gray: #6366f1;

    --background: #ffffff;
}
/* BLOOM */

/* Escuro */
html.theme-bloom-dark,
.theme-bloom-dark {
    --color-dark: #ff5c00;
    --color-medium: #6ec1d1;
    --color-light: #a9c2cf;
    --color-accent: #f2c078;
    --color-bright: #f0e62e;

    --text-light: #fff7ed;
    --text-gray: #fde68a;

    --background: #2b1400;
}

/* Claro */
html.theme-bloom-light,
.theme-bloom-light {
    --color-dark: #c15700;
    --color-medium: #7dd3fc;
    --color-light: #cbd5e1;
    --color-accent: #b96f00;
    --color-bright: #d2b900;

    --text-light: #7c2d12;
    --text-gray: #9a3412;

    --background: #ffffff;
}
/* STELLA */

/* Escuro */
html.theme-stella-dark,
.theme-stella-dark {
    --color-dark: #f4e300;
    --color-medium: #a8c7c9;
    --color-light: #ff7a00;
    --color-accent: #ffa000;
    --color-bright: #e8c98f;

    --text-light: #fffbea;
    --text-gray: #fde047;

    --background: #3b2a00;
}

/* Claro */
html.theme-stella-light,
.theme-stella-light {
    --color-dark: #facc15;
    --color-medium: #cbdfe2;
    --color-light: #fb923c;
    --color-accent: #f59e0b;
    --color-bright: #f3d7a6;

    --text-light: #5a2e00;
    --text-gray: #92400e;

    --background: #ffffff;
}
/* FLORA */

/* Escuro */
html.theme-flora-dark,
.theme-flora-dark {
    --color-dark: #d48a12;
    --color-medium: #9fbf80;
    --color-light: #ec3b83;
    --color-accent: #d8a4c0;
    --color-bright: #eda66a;

    --text-light: #fff7f0;
    --text-gray: #fbcfe8;

    --background: #3a2408;
}

/* Claro */
html.theme-flora-light,
.theme-flora-light {
    --color-dark: #ca8a04;
    --color-medium: #b6d7a8;
    --color-light: #f472b6;
    --color-accent: #f9a8d4;
    --color-bright: #fdba74;

    --text-light: #4a2c00;
    --text-gray: #9d174d;

    --background: #fffdf5;
}