/* =======================================================
   PALETAS CLARAS
   ======================================================= */

/* PALETA 1: Sandy Beach */
html[data-custom-theme="Sandy Beach"],
.ct-preview-sandbox[data-ct-palette="Sandy Beach"] {
  --primary: #81a6c6;
  --primary-color: #81a6c6;
  --blue-500: #81a6c6;
  --bg-color: #fbf7f2;
  --fg-color: #ffffff;
  --card-bg: #ffffff;
  --navbar-bg: #aacddc;
  --modal-bg: #ffffff;
  --control-bg: #ffffff;
  --control-bg-on-gray: #f3e3d0;
  --input-bg: #ffffff;
  --input-disabled-bg: #f3e3d0;
  --text-color: #3b434a;
  --heading-color: #2b333a;
  --text-muted: #727c85;
  --border-color: #d2c4b4;
}

/* PALETA 2: Vision Beige */
html[data-custom-theme="Vision Beige"],
.ct-preview-sandbox[data-ct-palette="Vision Beige"] {
  --primary: #454d5a;
  --primary-color: #454d5a;
  --blue-500: #454d5a;
  --bg-color: #f7ede2;
  --fg-color: #ffffff;
  --card-bg: #ffffff;
  --navbar-bg: #eddcd0;
  --modal-bg: #ffffff;
  --control-bg: #ffffff;
  --control-bg-on-gray: #e6d3c3;
  --input-bg: #ffffff;
  --input-disabled-bg: #ede0d4;
  --text-color: #383c42;
  --heading-color: #23272e;
  --text-muted: #857b74;
  --border-color: #dac7b5;
}

/* PALETA 3: EcoFuture */
html[data-custom-theme="EcoFuture"],
.ct-preview-sandbox[data-ct-palette="EcoFuture"] {
  --primary: #0ea5b7;
  --primary-color: #0ea5b7;
  --blue-500: #0ea5b7;
  --secondary: #38d39f;
  --bg-color: #f0fbf9;
  --fg-color: #ffffff;
  --card-bg: #ffffff;
  --navbar-bg: #d8f5ef;
  --modal-bg: #ffffff;
  --control-bg: #ffffff;
  --control-bg-on-gray: #c7efe5;
  --input-bg: #ffffff;
  --input-disabled-bg: #e2f7f2;
  --text-color: #1a3c40;
  --heading-color: #0a252c;
  --text-muted: #5e8d91;
  --border-color: #b5ebd9;
}

/* PALETA 4: Blue Mountain */
html[data-custom-theme="Blue Mountain"],
.ct-preview-sandbox[data-ct-palette="Blue Mountain"] {
  --primary: #008be3;
  --primary-color: #008be3;
  --blue-500: #008be3;
  --bg-color: #f0f7fb;
  --fg-color: #ffffff;
  --card-bg: #ffffff;
  --navbar-bg: #dff0fa;
  --modal-bg: #ffffff;
  --control-bg: #ffffff;
  --control-bg-on-gray: #cfe6f5;
  --input-bg: #ffffff;
  --input-disabled-bg: #e2eef7;
  --text-color: #1e3a52;
  --heading-color: #0b2238;
  --text-muted: #62829e;
  --border-color: #badcf5;
}

/* PALETA 5: Soul Silver */
html[data-custom-theme="Soul Silver"],
.ct-preview-sandbox[data-ct-palette="Soul Silver"] {
  --primary: #1e3a5f;
  --primary-color: #1e3a5f;
  --blue-500: #1e3a5f;
  --secondary: #335985;
  --bg-color: #f2f5f9;
  --fg-color: #ffffff;
  --card-bg: #ffffff;
  --navbar-bg: #e1e9f2;
  --modal-bg: #ffffff;
  --control-bg: #e6eef7;
  --control-bg-on-gray: #d7e3f0;
  --input-bg: #ffffff;
  --input-disabled-bg: #e6eef7;
  --text-color: #1a2736;
  --heading-color: #102238;
  --text-muted: #62768d;
  --border-color: #1e3a5f;
  --accent-yellow: #f6e594;
  --accent-blue-pale: #d6e6f5;
  --btn-default-bg: #d6e6f5;
  --btn-default-color: #102238;
  --btn-default-border: #cbd8e6;
}

/* PALETA 6: Revolver */
html[data-custom-theme="Revolver"],
.ct-preview-sandbox[data-ct-palette="Revolver"] {
  --primary: #ff8e46;
  --primary-color: #ff8e46;
  --blue-500: #ff8e46;
  --bg-color: #eaf0f2;
  --fg-color: #ffffff;
  --card-bg: #ffffff;
  --navbar-bg: #b9c3cc;
  --modal-bg: #ffffff;
  --control-bg: #f3f7f8;
  --control-bg-on-gray: #dbe2e6;
  --input-bg: #f3f7f8;
  --input-disabled-bg: #dbe2e6;
  --text-color: #263541;
  --heading-color: #1b2630;
  --text-muted: #687987;
  --border-color: #263541;
}

/* PALETA 7: Ordinary World */
html[data-custom-theme="Ordinary World"],
.ct-preview-sandbox[data-ct-palette="Ordinary World"] {
  --primary: #ff0000;
  --primary-color: #ff0000;
  --blue-500: #ff0000;
  --bg-color: #f2f4f5;
  --fg-color: #ffffff;
  --card-bg: #ffffff;
  --navbar-bg: #dceef1;
  --modal-bg: #ffffff;
  --control-bg: #f8fafb;
  --control-bg-on-gray: #e6eef0;
  --input-bg: #f8fafb;
  --input-disabled-bg: #e6eef0;
  --text-color: #2c383a;
  --heading-color: #171f20;
  --text-muted: #7d969b;
  --border-color: #ff0000;
}

/* =======================================================
   PALETAS OSCURAS
   ======================================================= */

/* PALETA 8: Dark Riot */
html[data-custom-theme="Dark Riot"],
.ct-preview-sandbox[data-ct-palette="Dark Riot"] {
  --primary: #e62020;
  --primary-color: #e62020;
  --blue-500: #e62020;
  --bg-color: #2b2c30;
  --fg-color: #37393f;
  --card-bg: #37393f;
  --navbar-bg: #232428;
  --modal-bg: #37393f;
  --control-bg: #26272b;
  --control-bg-on-gray: #41434a;
  --input-bg: #26272b;
  --input-disabled-bg: #2b2c30;
  --text-color: #f0f1f3;
  --heading-color: #f7e6a6;
  --text-muted: #c9bc8f;
  --border-color: #4f525b;
}

/* PALETA 9: CyberTerminal */
html[data-custom-theme="CyberTerminal"],
.ct-preview-sandbox[data-ct-palette="CyberTerminal"] {
  --primary: #00ff66;
  --primary-color: #00ff66;
  --blue-500: #00ff66;
  --secondary: #00b347;
  --bg-color: #0d120f;
  --fg-color: #141c17;
  --card-bg: #141c17;
  --navbar-bg: #080c0a;
  --modal-bg: #141c17;
  --control-bg: #0b0f0d;
  --control-bg-on-gray: #1b2620;
  --input-bg: #0b0f0d;
  --input-disabled-bg: #0d120f;
  --text-color: #d1fae5;
  --heading-color: #34d399;
  --text-muted: #5e8a71;
  --border-color: #1d3326;
  --btn-default-bg: #0b0f0d;
  --btn-default-color: #d1fae5;
  --btn-default-border: #1d3326;
}

/* PALETA 10: Coffee Tiramisu */
html[data-custom-theme="Coffee Tiramisu"],
.ct-preview-sandbox[data-ct-palette="Coffee Tiramisu"] {
  --primary: #c25e2e;
  --primary-color: #c25e2e;
  --blue-500: #c25e2e;
  --bg-color: #24201e;
  --fg-color: #2f2a27;
  --card-bg: #2f2a27;
  --navbar-bg: #1c1917;
  --modal-bg: #2f2a27;
  --control-bg: #201c1a;
  --control-bg-on-gray: #3b3531;
  --input-bg: #201c1a;
  --input-disabled-bg: #24201e;
  --text-color: #ede5de;
  --heading-color: #e8c48f;
  --text-muted: #b89b72;
  --border-color: #473f3a;
}

/* PALETA 11: Night Cave */
html[data-custom-theme="Night Cave"],
.ct-preview-sandbox[data-ct-palette="Night Cave"] {
  --primary: #5a9690;
  --primary-color: #5a9690;
  --blue-500: #5a9690;
  --secondary: #2f5755;
  --bg-color: #171313;
  --fg-color: #241a1a;
  --card-bg: #241a1a;
  --navbar-bg: #130f0f;
  --modal-bg: #241a1a;
  --control-bg: #1c1515;
  --control-bg-on-gray: #332424;
  --input-bg: #1c1515;
  --input-disabled-bg: #171313;
  --text-color: #e0d9d9;
  --heading-color: #ffffff;
  --text-muted: #8c8282;
  --border-color: #5a9690;
  --btn-default-bg: #2f5755;
  --btn-default-color: #e0d9d9;
  --btn-default-border: #432323;
}

/* PALETA 12: Red Velvet */
html[data-custom-theme="Red Velvet"],
.ct-preview-sandbox[data-ct-palette="Red Velvet"] {
  --primary: #c93b4d;
  --primary-color: #c93b4d;
  --blue-500: #c93b4d;
  --secondary: #962837;
  --bg-color: #240a0f;
  --fg-color: #330f16;
  --card-bg: #330f16;
  --navbar-bg: #1a060a;
  --modal-bg: #330f16;
  --control-bg: #2b0c12;
  --control-bg-on-gray: #42141d;
  --input-bg: #20080d;
  --input-disabled-bg: #2b0c12;
  --text-color: #f7ede8;
  --heading-color: #fcefe3;
  --text-muted: #b8989c;
  --border-color: #591b25;
  --btn-default-bg: #3b1119;
  --btn-default-color: #f7ede8;
  --btn-default-border: #591b25;
}