/*
  Arquivo central das paletas do sistema.
  Cada tema tem apenas 4 parametros editaveis:

  --theme-icon      cor dos icones e simbolos
  --theme-card-bg   cor de fundo dos cards
  --theme-title     cor dos titulos principais
  --theme-text      cor dos textos normais
*/

:root {
  --theme-icon: #0d6efd;
  --theme-card-bg: #ffffff;
  --theme-title: #111111;
  --theme-text: #111111;

  --accent: var(--theme-icon);
  --accent-2: var(--theme-icon);
  --panel: var(--theme-card-bg);
  --bg-soft: var(--theme-card-bg);
  --text: var(--theme-text);
  --muted: color-mix(in srgb, var(--theme-text) 68%, transparent);
  --title-color: var(--theme-title);
  --danger: #ff7b7b;
  --shadow: 0 12px 28px rgba(26, 39, 57, 0.08);
  --line: rgba(31, 45, 61, 0.12);
  --page-bg: linear-gradient(180deg, color-mix(in srgb, var(--theme-icon) 6%, #eef2f6) 0%, #e7ebf0 100%);
  --sidebar-bg: color-mix(in srgb, var(--theme-icon) 18%, #343a40);
}

body[data-theme^="dark"] {
  --line: rgba(31, 45, 61, 0.12);
  --page-bg: linear-gradient(180deg, color-mix(in srgb, var(--theme-icon) 10%, #e8edf2) 0%, #dfe5eb 100%);
  --sidebar-bg: color-mix(in srgb, var(--theme-icon) 24%, #2d3339);
}

body[data-theme^="light"] {
  --line: rgba(15, 23, 42, 0.12);
  --page-bg: linear-gradient(180deg, color-mix(in srgb, var(--theme-icon) 6%, #eff2f6) 0%, #e7ebf0 100%);
  --sidebar-bg: color-mix(in srgb, var(--theme-icon) 18%, #343a40);
  --shadow: 0 12px 28px rgba(81, 88, 96, 0.09);
}

.theme-card[data-theme-choice="dark-navy"] {
  --preview-shell: #0b1421;
  --preview-icon: #8cb7ff;
  --preview-card-bg: #162133;
  --preview-title: #f3f6fb;
  --preview-text: #c7d2e4;
}

.theme-card[data-theme-choice="dark-ember"] {
  --preview-shell: #17110b;
  --preview-icon: #e0a458;
  --preview-card-bg: #2a1f16;
  --preview-title: #f7ecdf;
  --preview-text: #d9c4a8;
}

.theme-card[data-theme-choice="dark-forest"] {
  --preview-shell: #0f1613;
  --preview-icon: #6eb48c;
  --preview-card-bg: #1b2720;
  --preview-title: #eff8f2;
  --preview-text: #c3d9ca;
}

.theme-card[data-theme-choice="dark-graphite"] {
  --preview-shell: #16181c;
  --preview-icon: #8fa3bf;
  --preview-card-bg: #262c33;
  --preview-title: #f5f7fb;
  --preview-text: #cbd4e1;
}

.theme-card[data-theme-choice="dark-ocean"] {
  --preview-shell: #0d1820;
  --preview-icon: #58a4c7;
  --preview-card-bg: #172833;
  --preview-title: #edf6fb;
  --preview-text: #c3d8e2;
}

.theme-card[data-theme-choice="light-slate"] {
  --preview-shell: #d8dde3;
  --preview-icon: #16324f;
  --preview-card-bg: #eef1f4;
  --preview-title: #111111;
  --preview-text: #2f3947;
}

.theme-card[data-theme-choice="light-ivory"] {
  --preview-shell: #efe7da;
  --preview-icon: #8a5a2b;
  --preview-card-bg: #faf5ec;
  --preview-title: #1f1a14;
  --preview-text: #473d32;
}

.theme-card[data-theme-choice="light-sky"] {
  --preview-shell: #dfeaf4;
  --preview-icon: #21618c;
  --preview-card-bg: #f8fbff;
  --preview-title: #142433;
  --preview-text: #3e576a;
}

.theme-card[data-theme-choice="light-sage"] {
  --preview-shell: #e3ece6;
  --preview-icon: #3e6b4d;
  --preview-card-bg: #fbfdfb;
  --preview-title: #1d2c22;
  --preview-text: #4f6556;
}

.theme-card[data-theme-choice="light-sand"] {
  --preview-shell: #efe7dc;
  --preview-icon: #9a6a35;
  --preview-card-bg: #fffaf4;
  --preview-title: #35281d;
  --preview-text: #6b5847;
}

body[data-theme="dark-navy"] {
  --theme-icon: #7fb0ff;
  --theme-card-bg: #eef4fb;
  --theme-title: #111111;
  --theme-text: #111111;
}

body[data-theme="dark-ember"] {
  --theme-icon: #d6944d;
  --theme-card-bg: #fcf4ea;
  --theme-title: #111111;
  --theme-text: #111111;
}

body[data-theme="dark-forest"] {
  --theme-icon: #3f7e59;
  --theme-card-bg: #edf6f0;
  --theme-title: #111111;
  --theme-text: #111111;
}

body[data-theme="dark-graphite"] {
  --theme-icon: #50657f;
  --theme-card-bg: #eef2f6;
  --theme-title: #111111;
  --theme-text: #111111;
}

body[data-theme="dark-ocean"] {
  --theme-icon: #2e7fa2;
  --theme-card-bg: #ebf7fb;
  --theme-title: #111111;
  --theme-text: #111111;
}

body[data-theme="light-slate"] {
  --theme-icon: #0d6efd;
  --theme-card-bg: #ffffff;
  --theme-title: #111111;
  --theme-text: #111111;
}

body[data-theme="light-ivory"] {
  --theme-icon: #a86b2a;
  --theme-card-bg: #fffdf8;
  --theme-title: #111111;
  --theme-text: #111111;
}

body[data-theme="light-sky"] {
  --theme-icon: #21618c;
  --theme-card-bg: #f8fbff;
  --theme-title: #111111;
  --theme-text: #111111;
}

body[data-theme="light-sage"] {
  --theme-icon: #3e6b4d;
  --theme-card-bg: #f7fbf7;
  --theme-title: #111111;
  --theme-text: #111111;
}

body[data-theme="light-sand"] {
  --theme-icon: #9a6a35;
  --theme-card-bg: #fff8f0;
  --theme-title: #111111;
  --theme-text: #111111;
}