/* public/assets/css/themes.css
   Temas alternativos da plataforma
   - classic-blue = tema padrão (styles.css), sem data-theme
   - os demais usam :root[data-theme="slug"] para sobrescrever tokens
   ---------------------------------------------------------------- */

/* ============================================================
   1) BARBIE NEON – rosa/roxo neon, bem chamativo
   ============================================================ */
:root[data-theme="barbie-neon"] {
  /* fundo geral */
  --app-bg-900: #0b0010;
  --app-bg-800: #170021;
  --app-bg-solid: #13001b;

  /* superfícies / cards */
  --app-surface-main: #1f0227;
  --app-surface-alt: #160020;
  --app-card-bg: radial-gradient(circle at top, #f472b6 0%, #1a0120 55%);
  --app-card-border: rgba(244, 114, 182, 0.55);

  /* texto */
  --app-text: #ffe9ff;
  --app-text-soft: #fec6ff;
  --app-text-muted: #f472c5;

  /* primária */
  --app-primary: #ff4dbe;
  --app-primary-strong: #ec4899;
  --app-primary-glow-soft: rgba(255, 77, 190, 0.35);

  /* topbar */
  --app-topbar-bg: linear-gradient(90deg, #250022 0%, #4c0e40 40%, #1a0120 100%);
  --app-topbar-shadow: 0 16px 45px rgba(15, 23, 42, 0.75);

  /* bordas */
  --app-border-strong: #fed7e2;
  --app-border-main: rgba(248, 187, 208, 0.55);
  --app-border-soft: rgba(88, 28, 135, 0.85);
  --app-border-muted: rgba(251, 207, 232, 0.7);

  /* tabela */
  --app-table-border-row: rgba(76, 5, 60, 0.9);
  --app-table-head-bg: linear-gradient(180deg, #4a044e, #831843);
  --app-table-row-alt-bg: rgba(76, 5, 60, 0.95);
  --app-table-row-hover-bg: rgba(190, 24, 93, 0.95);

  /* lamina */
  --app-lamina-core: rgba(251, 113, 133, 1);
}

/* ============================================================
   2) EMERALD FOREST – verde profundo, vibe floresta
   ============================================================ */
:root[data-theme="emerald-forest"] {
  --app-bg-900: #010a07;
  --app-bg-800: #02130d;
  --app-bg-solid: #021910;

  --app-surface-main: #022118;
  --app-surface-alt: #021812;
  --app-card-bg: radial-gradient(circle at top, #22c55e 0%, #021712 60%);
  --app-card-border: rgba(34, 197, 94, 0.5);

  --app-text: #eafff8;
  --app-text-soft: #bbf7d0;
  --app-text-muted: #6ee7b7;

  --app-primary: #22c55e;
  --app-primary-strong: #16a34a;
  --app-primary-glow-soft: rgba(45, 212, 191, 0.32);

  --app-topbar-bg: linear-gradient(90deg, #022c22 0%, #064e3b 40%, #021712 100%);
  --app-topbar-shadow: 0 16px 45px rgba(0, 0, 0, 0.85);

  --app-border-strong: #6ee7b7;
  --app-border-main: rgba(22, 101, 52, 0.9);
  --app-border-soft: rgba(6, 78, 59, 0.9);
  --app-border-muted: rgba(110, 231, 183, 0.6);

  --app-table-border-row: rgba(4, 47, 46, 0.9);
  --app-table-head-bg: linear-gradient(180deg, #064e3b, #022c22);
  --app-table-row-alt-bg: rgba(6, 78, 59, 0.92);
  --app-table-row-hover-bg: rgba(21, 128, 61, 0.96);

  --app-lamina-core: rgba(45, 212, 191, 1);
}

/* ============================================================
   3) SUNSET GOLD – laranja/dourado “sunset”
   ============================================================ */
:root[data-theme="sunset-gold"] {
  --app-bg-900: #0f0500;
  --app-bg-800: #180804;
  --app-bg-solid: #220c05;

  --app-surface-main: #2e0f07;
  --app-surface-alt: #230c06;
  --app-card-bg: radial-gradient(circle at top, #fb923c 0%, #220c06 60%);
  --app-card-border: rgba(251, 191, 36, 0.6);

  --app-text: #fff7ed;
  --app-text-soft: #fed7aa;
  --app-text-muted: #fdba74;

  --app-primary: #fb923c;
  --app-primary-strong: #ea580c;
  --app-primary-glow-soft: rgba(251, 146, 60, 0.34);

  --app-topbar-bg: linear-gradient(90deg, #7c2d12 0%, #ea580c 35%, #451a03 100%);
  --app-topbar-shadow: 0 16px 45px rgba(0, 0, 0, 0.85);

  --app-border-strong: #fed7aa;
  --app-border-main: rgba(180, 83, 9, 0.9);
  --app-border-soft: rgba(120, 53, 15, 0.9);
  --app-border-muted: rgba(254, 215, 170, 0.6);

  --app-table-border-row: rgba(88, 28, 7, 0.92);
  --app-table-head-bg: linear-gradient(180deg, #7c2d12, #431407);
  --app-table-row-alt-bg: rgba(67, 20, 7, 0.95);
  --app-table-row-hover-bg: rgba(194, 65, 12, 0.97);

  --app-lamina-core: rgba(251, 191, 36, 1);
}

/* ============================================================
   4) MIDNIGHT VIOLET – roxo profundo, fantasia
   ============================================================ */
:root[data-theme="midnight-violet"] {
  --app-bg-900: #05000b;
  --app-bg-800: #0c0215;
  --app-bg-solid: #120024;

  --app-surface-main: #170131;
  --app-surface-alt: #110020;
  --app-card-bg: radial-gradient(circle at top, #a855f7 0%, #110020 60%);
  --app-card-border: rgba(196, 181, 253, 0.6);

  --app-text: #f9f5ff;
  --app-text-soft: #e9d5ff;
  --app-text-muted: #c4b5fd;

  --app-primary: #a855f7;
  --app-primary-strong: #7c3aed;
  --app-primary-glow-soft: rgba(168, 85, 247, 0.4);

  --app-topbar-bg: linear-gradient(90deg, #312e81 0%, #7c3aed 40%, #1f1439 100%);
  --app-topbar-shadow: 0 16px 45px rgba(15, 23, 42, 0.9);

  --app-border-strong: #c4b5fd;
  --app-border-main: rgba(129, 140, 248, 0.9);
  --app-border-soft: rgba(59, 7, 100, 0.9);
  --app-border-muted: rgba(196, 181, 253, 0.7);

  --app-table-border-row: rgba(55, 48, 163, 0.9);
  --app-table-head-bg: linear-gradient(180deg, #312e81, #1e1b4b);
  --app-table-row-alt-bg: rgba(30, 64, 175, 0.9);
  --app-table-row-hover-bg: rgba(129, 140, 248, 0.95);

  --app-lamina-core: rgba(196, 181, 253, 1);
}

/* ============================================================
   5) MATRIX TERMINAL – preto + verde “terminal”
   ============================================================ */
:root[data-theme="matrix-terminal"] {
  --app-bg-900: #02040b;
  --app-bg-800: #020715;
  --app-bg-solid: #000209;

  --app-surface-main: #020b16;
  --app-surface-alt: #010810;
  --app-card-bg: radial-gradient(circle at top, #22c55e 0%, #020617 60%);
  --app-card-border: rgba(34, 197, 94, 0.6);

  --app-text: #e4fff1;
  --app-text-soft: #bbf7d0;
  --app-text-muted: #6ee7b7;

  --app-primary: #22c55e;
  --app-primary-strong: #16a34a;
  --app-primary-glow-soft: rgba(34, 197, 94, 0.45);

  --app-topbar-bg: linear-gradient(90deg, #020617 0%, #065f46 40%, #020617 100%);
  --app-topbar-shadow: 0 18px 50px rgba(0, 0, 0, 0.9);

  --app-border-strong: #4ade80;
  --app-border-main: rgba(21, 128, 61, 0.9);
  --app-border-soft: rgba(15, 118, 110, 0.9);
  --app-border-muted: rgba(74, 222, 128, 0.6);

  --app-table-border-row: rgba(15, 23, 42, 1);
  --app-table-head-bg: linear-gradient(180deg, #022c22, #020617);
  --app-table-row-alt-bg: rgba(6, 95, 70, 0.94);
  --app-table-row-hover-bg: rgba(22, 163, 74, 0.98);

  --app-lamina-core: rgba(74, 222, 128, 1);
}

/* ============================================================
   6) CLEAN LIGHT – tema claro, alto contraste
   ============================================================ */
:root[data-theme="clean-light"] {
  --app-bg-900: #e5e7eb;
  --app-bg-800: #f3f4f6;
  --app-bg-solid: #f9fafb;

  --app-surface-main: #ffffff;
  --app-surface-alt: #f9fafb;
  --app-card-bg: #ffffff;
  --app-card-border: rgba(148, 163, 184, 0.8);

  --app-text: #020617;
  --app-text-soft: #374151;
  --app-text-muted: #4b5563;

  --app-primary: #2563eb;
  --app-primary-strong: #1d4ed8;
  --app-primary-glow-soft: rgba(37, 99, 235, 0.3);

  --app-topbar-bg: linear-gradient(90deg, #f9fafb 0%, #e5e7eb 40%, #cbd5e1 100%);
  --app-topbar-shadow: 0 10px 30px rgba(15, 23, 42, 0.25);

  --app-border-strong: #2563eb;
  --app-border-main: rgba(148, 163, 184, 0.9);
  --app-border-soft: rgba(203, 213, 225, 1);
  --app-border-muted: rgba(148, 163, 184, 0.7);

  --app-table-border-row: rgba(209, 213, 219, 1);
  --app-table-head-bg: linear-gradient(180deg, #e5e7eb, #d1d5db);
  --app-table-row-alt-bg: #f9fafb;
  --app-table-row-hover-bg: #e0f2fe;

  --app-lamina-core: rgba(37, 99, 235, 1);
  
  /* -------- Status pills (integrações, contatos, etc.) -------- */

  /* OK – verdinho bem visível em fundo claro */
  --app-status-ok-bg: #dcfce7;
  --app-status-ok-border: #86efac;
  --app-status-ok-text: #166534;

  /* ERRO – vermelho em alto contraste */
  --app-status-error-bg: #fee2e2;
  --app-status-error-border: #fca5a5;
  --app-status-error-text: #b91c1c;

  /* NEUTRO – cinza/azul discreto, mas legível */
  --app-status-neutral-bg: #e5e7eb;
  --app-status-neutral-border: #cbd5f5;
  --app-status-neutral-text: #374151;

  /* Botões escuros (secundário / ghost / ícones) – texto claro */
  --app-btn-secondary-color: #f9fafb;
  --app-btn-ghost-color: #f9fafb;
  --app-icon-btn-color: #f9fafb;
}

/* ============================================================
   7) SANDSTONE – bege / terroso, bem “papel”
   ============================================================ */
:root[data-theme="sandstone"] {
  --app-bg-900: #15100b;
  --app-bg-800: #1d140b;
  --app-bg-solid: #24160b;

  --app-surface-main: #2b1b0f;
  --app-surface-alt: #23140d;
  --app-card-bg: radial-gradient(circle at top, #facc15 0%, #2b1b0f 60%);
  --app-card-border: rgba(252, 211, 77, 0.65);

  --app-text: #fef3c7;
  --app-text-soft: #fde68a;
  --app-text-muted: #fbbf24;

  --app-primary: #f97316;
  --app-primary-strong: #ea580c;
  --app-primary-glow-soft: rgba(248, 184, 80, 0.4);

  --app-topbar-bg: linear-gradient(90deg, #78350f 0%, #f97316 35%, #451a03 100%);
  --app-topbar-shadow: 0 16px 45px rgba(0, 0, 0, 0.85);

  --app-border-strong: #fed7aa;
  --app-border-main: rgba(180, 83, 9, 0.9);
  --app-border-soft: rgba(68, 29, 12, 0.95);
  --app-border-muted: rgba(252, 211, 77, 0.65);

  --app-table-border-row: rgba(68, 29, 12, 0.95);
  --app-table-head-bg: linear-gradient(180deg, #78350f, #451a03);
  --app-table-row-alt-bg: rgba(69, 26, 3, 0.95);
  --app-table-row-hover-bg: rgba(194, 65, 12, 0.98);

  --app-lamina-core: rgba(252, 211, 77, 1);
}

/* ============================================================
   8) DEEP OCEAN – azul / ciano, dashboard de dados
   ============================================================ */
:root[data-theme="deep-ocean"] {
  --app-bg-900: #020617;
  --app-bg-800: #041023;
  --app-bg-solid: #031827;

  --app-surface-main: #031c30;
  --app-surface-alt: #021726;
  --app-card-bg: radial-gradient(circle at top, #0ea5e9 0%, #020617 60%);
  --app-card-border: rgba(56, 189, 248, 0.6);

  --app-text: #e5f6ff;
  --app-text-soft: #bae6fd;
  --app-text-muted: #7dd3fc;

  --app-primary: #0ea5e9;
  --app-primary-strong: #0369a1;
  --app-primary-glow-soft: rgba(14, 165, 233, 0.4);

  --app-topbar-bg: linear-gradient(90deg, #0f172a 0%, #1d4ed8 40%, #020617 100%);
  --app-topbar-shadow: 0 18px 50px rgba(15, 23, 42, 0.95);

  --app-border-strong: #7dd3fc;
  --app-border-main: rgba(37, 99, 235, 0.95);
  --app-border-soft: rgba(15, 23, 42, 0.95);
  --app-border-muted: rgba(147, 197, 253, 0.7);

  --app-table-border-row: rgba(15, 23, 42, 0.98);
  --app-table-head-bg: linear-gradient(180deg, #0f172a, #082f49);
  --app-table-row-alt-bg: rgba(15, 23, 42, 0.9);
  --app-table-row-hover-bg: rgba(30, 64, 175, 0.98);

  --app-lamina-core: rgba(56, 189, 248, 1);
}

/* ============================================================
   9) SLATE NEUTRAL – cinza corporativo bem sóbrio
   ============================================================ */
:root[data-theme="slate-neutral"] {
  --app-bg-900: #020617;
  --app-bg-800: #020617;
  --app-bg-solid: #020617;

  --app-surface-main: #050816;
  --app-surface-alt: #020617;
  --app-card-bg: radial-gradient(circle at top, #4b5563 0%, #020617 60%);
  --app-card-border: rgba(148, 163, 184, 0.65);

  --app-text: #e5e7eb;
  --app-text-soft: #cbd5f5;
  --app-text-muted: #9ca3af;

  --app-primary: #64748b;
  --app-primary-strong: #475569;
  --app-primary-glow-soft: rgba(148, 163, 184, 0.38);

  --app-topbar-bg: linear-gradient(90deg, #020617 0%, #111827 40%, #020617 100%);
  --app-topbar-shadow: 0 18px 50px rgba(15, 23, 42, 0.95);

  --app-border-strong: #e5e7eb;
  --app-border-main: rgba(31, 41, 55, 1);
  --app-border-soft: rgba(15, 23, 42, 1);
  --app-border-muted: rgba(148, 163, 184, 0.75);

  --app-table-border-row: rgba(30, 41, 59, 1);
  --app-table-head-bg: linear-gradient(180deg, #111827, #020617);
  --app-table-row-alt-bg: rgba(15, 23, 42, 0.95);
  --app-table-row-hover-bg: rgba(31, 41, 55, 0.98);

  --app-lamina-core: rgba(148, 163, 184, 1);
}

/* ============================================================
   10) VINEYARD AURORA – vinícola, roxo + verde vinho
   ============================================================ */
:root[data-theme="vineyard-aurora"] {
  --app-bg-900: #08010a;
  --app-bg-800: #120014;
  --app-bg-solid: #19001c;

  --app-surface-main: #210525;
  --app-surface-alt: #160018;
  --app-card-bg: radial-gradient(circle at top, #a855f7 0%, #3b0f2b 55%);
  --app-card-border: rgba(244, 114, 182, 0.6);

  --app-text: #fff7fb;
  --app-text-soft: #fbcfe8;
  --app-text-muted: #e879f9;

  --app-primary: #ec4899;
  --app-primary-strong: #be185d;
  --app-primary-glow-soft: rgba(236, 72, 153, 0.45);

  --app-topbar-bg: linear-gradient(90deg, #3b0f2b 0%, #7e0222 40%, #27121f 100%);
  --app-topbar-shadow: 0 18px 50px rgba(15, 23, 42, 0.95);

  --app-border-strong: #f9a8d4;
  --app-border-main: rgba(159, 18, 57, 0.95);
  --app-border-soft: rgba(76, 5, 25, 0.95);
  --app-border-muted: rgba(244, 114, 182, 0.7);

  --app-table-border-row: rgba(76, 5, 25, 0.95);
  --app-table-head-bg: linear-gradient(180deg, #4c0519, #1f0a16);
  --app-table-row-alt-bg: rgba(76, 5, 25, 0.96);
  --app-table-row-hover-bg: rgba(190, 24, 93, 0.98);

  --app-lamina-core: rgba(244, 114, 182, 1);

  /* Status pills */
  --app-status-ok-bg: #166534;
  --app-status-ok-border: #4ade80;
  --app-status-ok-text: #bbf7d0;

  --app-status-error-bg: #7f1d1d;
  --app-status-error-border: #fca5a5;
  --app-status-error-text: #fee2e2;

  --app-status-neutral-bg: #111827;
  --app-status-neutral-border: #4b5563;
  --app-status-neutral-text: #e5e7eb;
}

/* ============================================================
   11) MEDIEVAL PARCHMENT – papel envelhecido, claro (FIX FUNDO BODY)
   - Corrige gradiente branco->preto forte, deixando clarinho em TODAS as páginas
   - Mantém contraste bom na vitrine
   ============================================================ */
:root[data-theme="medieval-parchment"] {
  --app-bg-900: #f3e6cf;
  --app-bg-800: #f7edd9;
  --app-bg-solid: #fdf5e6;

  --app-surface-main: #fff7e8;
  --app-surface-alt: #f9f0dd;
  --app-card-bg: rgba(255, 250, 240, 0.92);
  --app-card-border: rgba(146, 64, 14, 0.45);

  --app-text: #1f2933;
  --app-text-soft: #374151;
  --app-text-muted: #7c2d12;

  --app-primary: #b45309;
  --app-primary-strong: #92400e;
  --app-primary-glow-soft: rgba(180, 83, 9, 0.18);

  --app-topbar-bg: linear-gradient(90deg, #fef3c7 0%, #fbbf24 40%, #f97316 100%);
  --app-topbar-shadow: 0 10px 26px rgba(120, 53, 15, 0.22);
  --app-topbar-link-bg: rgba(146, 64, 14, 0.10);
  --app-topbar-link-color: #1f2933;

  --app-border-strong: #b45309;
  --app-border-main: rgba(180, 83, 9, 0.55);
  --app-border-soft: rgba(146, 64, 14, 0.22);
  --app-border-muted: rgba(120, 53, 15, 0.22);

  --app-table-border-row: rgba(146, 64, 14, 0.18);
  --app-table-head-bg: linear-gradient(180deg, #fde68a, #facc15);
  --app-table-head-text: rgba(31, 41, 51, 0.85);
  --app-table-row-alt-bg: rgba(255, 247, 232, 0.75);
  --app-table-row-hover-bg: rgba(254, 243, 199, 0.85);
  --app-table-strong-border: rgba(180, 83, 9, 0.35);

  --app-lamina-core: rgba(250, 204, 21, 0.95);

  /* ========= FIX PRINCIPAL: FUNDO DO BODY (todas as páginas) ========= */
  --app-body-bg-color: var(--app-bg-solid);

  /* camadas bem sutis, “papel iluminado”, sem preto */
  --app-body-bg-layer-top: radial-gradient(
    1400px 900px at 50% -10%,
    rgba(180, 83, 9, 0.08),
    transparent 65%
  );
  --app-body-bg-layer-bottom: radial-gradient(
    1800px 1200px at 50% 130%,
    rgba(120, 53, 15, 0.06),
    transparent 70%
  );
  --app-body-bg-layer-main: linear-gradient(
    180deg,
    #fdf5e6 0%,
    #f7edd9 55%,
    #f3e6cf 100%
  );

  /* ========= Sombras mais claras (evita “peso” de dark theme) ========= */
  --app-shadow-strength: 0.18;
  --app-shadow-soft: 0 14px 34px rgba(120, 53, 15, 0.16);
  --app-shadow-hard: 0 22px 52px rgba(120, 53, 15, 0.22);
  --app-shadow-card: 0 16px 40px rgba(120, 53, 15, 0.18);

  --app-container-bg: rgba(255, 247, 232, 0.94);
  --app-container-border: rgba(146, 64, 14, 0.30);
  --app-container-shadow: var(--app-shadow-soft);

  /* Inputs */
  --app-input-bg: rgba(255, 250, 240, 0.95);
  --app-input-border: rgba(146, 64, 14, 0.28);
  --app-input-placeholder: rgba(124, 45, 18, 0.60);

  --app-input-focus-border: rgba(180, 83, 9, 0.70);
  --app-input-focus-ring-inner: rgba(253, 245, 230, 0.90);
  --app-input-focus-ring-outer: rgba(180, 83, 9, 0.18);

  /* Botões */
  --app-btn-primary-bg:
    radial-gradient(circle at 0% 0%, rgba(255, 255, 255, 0.35), transparent 55%),
    linear-gradient(180deg, #fbbf24, #b45309);
  --app-btn-primary-color: #1f2933;
  --app-btn-primary-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.70),
    0 14px 30px rgba(180, 83, 9, 0.20);
  --app-btn-primary-shadow-active:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    0 6px 16px rgba(180, 83, 9, 0.26);

  --app-btn-secondary-bg: linear-gradient(180deg, #92400e, #7c2d12);
  --app-btn-secondary-color: #fff7e8;
  --app-btn-secondary-border: rgba(120, 53, 15, 0.35);
  --app-btn-secondary-shadow: 0 10px 22px rgba(120, 53, 15, 0.18);

  --app-btn-ghost-bg: rgba(146, 64, 14, 0.06);
  --app-btn-ghost-color: #7c2d12;
  --app-btn-ghost-border: rgba(146, 64, 14, 0.22);

  /* Icon buttons */
  --app-icon-btn-border: rgba(146, 64, 14, 0.26);
  --app-icon-btn-bg:
    radial-gradient(circle at 30% 0%, rgba(255, 255, 255, 0.26), transparent 55%),
    linear-gradient(180deg, #fff7e8, #f7edd9);
  --app-icon-btn-color: #7c2d12;
  --app-icon-btn-shadow: 0 10px 22px rgba(120, 53, 15, 0.14);

  --app-icon-btn-border-hover: rgba(180, 83, 9, 0.55);
  --app-icon-btn-bg-hover:
    radial-gradient(circle at 30% 0%, rgba(250, 204, 21, 0.18), transparent 60%),
    linear-gradient(180deg, #fff7e8, #f7edd9);
  --app-icon-btn-danger-border: rgba(185, 28, 28, 0.45);
  --app-icon-btn-danger-bg:
    radial-gradient(circle at 20% 0%, rgba(239, 68, 68, 0.14), transparent 60%),
    linear-gradient(180deg, #fff7e8, #f7edd9);

  /* Status pills – alto contraste em fundo claro */
  --app-status-ok-bg: #dcfce7;
  --app-status-ok-border: #22c55e;
  --app-status-ok-text: #166534;

  --app-status-error-bg: #fee2e2;
  --app-status-error-border: #ef4444;
  --app-status-error-text: #991b1b;

  --app-status-neutral-bg: #e5e7eb;
  --app-status-neutral-border: #9ca3af;
  --app-status-neutral-text: #374151;

  /* Links */
  --app-link-color: #92400e;
  --app-link-hover-decoration: underline;

  /* Botões escuros – texto claro (se você ainda usa esses tokens em algum lugar) */
  --app-btn-secondary-color: #fff7e8;
  --app-btn-ghost-color: #7c2d12;
  --app-icon-btn-color: #7c2d12;
}

/* ============================================================
   12) ARCTIC ICE – gelo, claríssimo frio
   ============================================================ */
:root[data-theme="arctic-ice"] {
  --app-bg-900: #e0f2fe;
  --app-bg-800: #eff6ff;
  --app-bg-solid: #f9fafb;

  --app-surface-main: #ffffff;
  --app-surface-alt: #f1f5f9;
  --app-card-bg: #ffffff;
  --app-card-border: rgba(148, 163, 184, 0.9);

  --app-text: #020617;
  --app-text-soft: #0f172a;
  --app-text-muted: #334155;

  --app-primary: #0ea5e9;
  --app-primary-strong: #0369a1;
  --app-primary-glow-soft: rgba(56, 189, 248, 0.35);

  --app-topbar-bg: linear-gradient(90deg, #e0f2fe 0%, #bfdbfe 40%, #93c5fd 100%);
  --app-topbar-shadow: 0 12px 32px rgba(30, 64, 175, 0.42);

  --app-border-strong: #0ea5e9;
  --app-border-main: rgba(148, 163, 184, 1);
  --app-border-soft: rgba(203, 213, 225, 1);
  --app-border-muted: rgba(148, 163, 184, 0.7);

  --app-table-border-row: rgba(209, 213, 219, 1);
  --app-table-head-bg: linear-gradient(180deg, #e5e7eb, #d1d5db);
  --app-table-row-alt-bg: #f8fafc;
  --app-table-row-hover-bg: #e0f2fe;

  --app-lamina-core: rgba(56, 189, 248, 1);

  /* Status pills – frio, mas bem contrastado */
  --app-status-ok-bg: #dcfce7;
  --app-status-ok-border: #22c55e;
  --app-status-ok-text: #14532d;

  --app-status-error-bg: #fee2e2;
  --app-status-error-border: #ef4444;
  --app-status-error-text: #991b1b;

  --app-status-neutral-bg: #e5e7eb;
  --app-status-neutral-border: #9ca3af;
  --app-status-neutral-text: #111827;

  /* Botões escuros – texto claro */
  --app-btn-secondary-color: #f9fafb;
  --app-btn-ghost-color: #f9fafb;
  --app-icon-btn-color: #f9fafb;
}

/* ============================================================
   13) JUNGLE CANOPY – floresta tropical, verde/amarelo
   ============================================================ */
:root[data-theme="jungle-canopy"] {
  --app-bg-900: #020e05;
  --app-bg-800: #051707;
  --app-bg-solid: #071f0a;

  --app-surface-main: #082611;
  --app-surface-alt: #051d0c;
  --app-card-bg: radial-gradient(circle at top, #22c55e 0%, #064e3b 55%);
  --app-card-border: rgba(132, 204, 22, 0.6);

  --app-text: #ecfdf3;
  --app-text-soft: #bbf7d0;
  --app-text-muted: #a3e635;

  --app-primary: #84cc16;
  --app-primary-strong: #65a30d;
  --app-primary-glow-soft: rgba(132, 204, 22, 0.42);

  --app-topbar-bg: linear-gradient(90deg, #14532d 0%, #15803d 40%, #022c22 100%);
  --app-topbar-shadow: 0 18px 50px rgba(0, 0, 0, 0.9);

  --app-border-strong: #bef264;
  --app-border-main: rgba(34, 197, 94, 0.95);
  --app-border-soft: rgba(21, 128, 61, 0.98);
  --app-border-muted: rgba(190, 242, 100, 0.7);

  --app-table-border-row: rgba(6, 95, 70, 0.98);
  --app-table-head-bg: linear-gradient(180deg, #14532d, #064e3b);
  --app-table-row-alt-bg: rgba(4, 47, 46, 0.95);
  --app-table-row-hover-bg: rgba(21, 128, 61, 0.98);

  --app-lamina-core: rgba(132, 204, 22, 1);

  /* Status pills */
  --app-status-ok-bg: #15803d;
  --app-status-ok-border: #4ade80;
  --app-status-ok-text: #bbf7d0;

  --app-status-error-bg: #7f1d1d;
  --app-status-error-border: #f97373;
  --app-status-error-text: #fee2e2;

  --app-status-neutral-bg: #020617;
  --app-status-neutral-border: #4b5563;
  --app-status-neutral-text: #e5e7eb;
}

/* ============================================================
   14) NAVY COMMAND – militar marinho, azul/oliva
   ============================================================ */
:root[data-theme="navy-command"] {
  --app-bg-900: #020617;
  --app-bg-800: #030b23;
  --app-bg-solid: #040f2b;

  --app-surface-main: #071226;
  --app-surface-alt: #050b1b;
  --app-card-bg: radial-gradient(circle at top, #1d4ed8 0%, #020617 60%);
  --app-card-border: rgba(129, 140, 248, 0.7);

  --app-text: #e5e7eb;
  --app-text-soft: #cbd5f5;
  --app-text-muted: #9ca3af;

  --app-primary: #1d4ed8;
  --app-primary-strong: #1e40af;
  --app-primary-glow-soft: rgba(59, 130, 246, 0.42);

  --app-topbar-bg: linear-gradient(90deg, #0f172a 0%, #1d4ed8 35%, #14532d 100%);
  --app-topbar-shadow: 0 18px 50px rgba(15, 23, 42, 0.95);

  --app-border-strong: #bfdbfe;
  --app-border-main: rgba(37, 99, 235, 0.98);
  --app-border-soft: rgba(15, 23, 42, 0.98);
  --app-border-muted: rgba(148, 163, 184, 0.78);

  --app-table-border-row: rgba(15, 23, 42, 1);
  --app-table-head-bg: linear-gradient(180deg, #0f172a, #020617);
  --app-table-row-alt-bg: rgba(15, 23, 42, 0.95);
  --app-table-row-hover-bg: rgba(30, 64, 175, 0.98);

  --app-lamina-core: rgba(129, 140, 248, 1);

  /* Status pills */
  --app-status-ok-bg: #14532d;
  --app-status-ok-border: #4ade80;
  --app-status-ok-text: #bbf7d0;

  --app-status-error-bg: #7f1d1d;
  --app-status-error-border: #f97373;
  --app-status-error-text: #fee2e2;

  --app-status-neutral-bg: #020617;
  --app-status-neutral-border: #4b5563;
  --app-status-neutral-text: #e5e7eb;
}

/* ============================================================
   15) CYBER ORANGE – cyberpunk laranja/azul
   ============================================================ */
:root[data-theme="cyber-orange"] {
  --app-bg-900: #050108;
  --app-bg-800: #090016;
  --app-bg-solid: #0b021f;

  --app-surface-main: #0b041f;
  --app-surface-alt: #080015;
  --app-card-bg: radial-gradient(circle at top, #f97316 0%, #0f172a 55%);
  --app-card-border: rgba(251, 146, 60, 0.7);

  --app-text: #f9fafb;
  --app-text-soft: #e5e7eb;
  --app-text-muted: #fbbf24;

  --app-primary: #f97316;
  --app-primary-strong: #ea580c;
  --app-primary-glow-soft: rgba(249, 115, 22, 0.5);

  --app-topbar-bg: linear-gradient(90deg, #0f172a 0%, #1d4ed8 30%, #f97316 100%);
  --app-topbar-shadow: 0 20px 55px rgba(0, 0, 0, 0.95);

  --app-border-strong: #fed7aa;
  --app-border-main: rgba(249, 115, 22, 0.98);
  --app-border-soft: rgba(30, 64, 175, 0.98);
  --app-border-muted: rgba(248, 250, 252, 0.7);

  --app-table-border-row: rgba(15, 23, 42, 1);
  --app-table-head-bg: linear-gradient(180deg, #1f2937, #0f172a);
  --app-table-row-alt-bg: rgba(15, 23, 42, 0.96);
  --app-table-row-hover-bg: rgba(248, 113, 22, 0.98);

  --app-lamina-core: rgba(249, 115, 22, 1);

  /* Status pills */
  --app-status-ok-bg: #14532d;
  --app-status-ok-border: #4ade80;
  --app-status-ok-text: #bbf7d0;

  --app-status-error-bg: #7f1d1d;
  --app-status-error-border: #fca5a5;
  --app-status-error-text: #fee2e2;

  --app-status-neutral-bg: #111827;
  --app-status-neutral-border: #4b5563;
  --app-status-neutral-text: #e5e7eb;
}

/* ============================================================
   16) SAKURA TEMPLE – rosa suave, não neon
   ============================================================ */
:root[data-theme="sakura-temple"] {
  --app-bg-900: #fdf2f8;
  --app-bg-800: #fce7f3;
  --app-bg-solid: #fdf2f8;

  --app-surface-main: #ffffff;
  --app-surface-alt: #fef2f7;
  --app-card-bg: #ffffff;
  --app-card-border: rgba(219, 39, 119, 0.6);

  --app-text: #111827;
  --app-text-soft: #374151;
  --app-text-muted: #9d174d;

  --app-primary: #db2777;
  --app-primary-strong: #be185d;
  --app-primary-glow-soft: rgba(236, 72, 153, 0.32);

  --app-topbar-bg: linear-gradient(90deg, #fdf2f8 0%, #f9a8d4 40%, #fb7185 100%);
  --app-topbar-shadow: 0 12px 32px rgba(190, 24, 93, 0.4);

  --app-border-strong: #db2777;
  --app-border-main: rgba(244, 114, 182, 0.9);
  --app-border-soft: rgba(252, 231, 243, 1);
  --app-border-muted: rgba(244, 114, 182, 0.7);

  --app-table-border-row: rgba(248, 209, 232, 1);
  --app-table-head-bg: linear-gradient(180deg, #fecdd3, #f9a8d4);
  --app-table-row-alt-bg: #fdf2f8;
  --app-table-row-hover-bg: #ffe4e6;

  --app-lamina-core: rgba(244, 114, 182, 1);

  /* Status pills */
  --app-status-ok-bg: #dcfce7;
  --app-status-ok-border: #22c55e;
  --app-status-ok-text: #14532d;

  --app-status-error-bg: #fee2e2;
  --app-status-error-border: #ef4444;
  --app-status-error-text: #991b1b;

  --app-status-neutral-bg: #e5e7eb;
  --app-status-neutral-border: #9ca3af;
  --app-status-neutral-text: #111827;

  /* Botões escuros – texto claro */
  --app-btn-secondary-color: #f9fafb;
  --app-btn-ghost-color: #f9fafb;
  --app-icon-btn-color: #f9fafb;
}

/* ============================================================
   17) VOLCANIC EMBER – lava/vermelho escuro
   ============================================================ */
:root[data-theme="volcanic-ember"] {
  --app-bg-900: #0b0202;
  --app-bg-800: #140303;
  --app-bg-solid: #1a0505;

  --app-surface-main: #220707;
  --app-surface-alt: #160404;
  --app-card-bg: radial-gradient(circle at top, #f97316 0%, #7f1d1d 55%);
  --app-card-border: rgba(248, 113, 22, 0.7);

  --app-text: #fef2f2;
  --app-text-soft: #fee2e2;
  --app-text-muted: #fca5a5;

  --app-primary: #ef4444;
  --app-primary-strong: #b91c1c;
  --app-primary-glow-soft: rgba(248, 113, 113, 0.45);

  --app-topbar-bg: linear-gradient(90deg, #7f1d1d 0%, #b91c1c 40%, #450a0a 100%);
  --app-topbar-shadow: 0 18px 50px rgba(0, 0, 0, 0.95);

  --app-border-strong: #fecaca;
  --app-border-main: rgba(185, 28, 28, 0.98);
  --app-border-soft: rgba(127, 29, 29, 0.98);
  --app-border-muted: rgba(252, 165, 165, 0.7);

  --app-table-border-row: rgba(69, 10, 10, 1);
  --app-table-head-bg: linear-gradient(180deg, #7f1d1d, #450a0a);
  --app-table-row-alt-bg: rgba(69, 10, 10, 0.96);
  --app-table-row-hover-bg: rgba(220, 38, 38, 0.98);

  --app-lamina-core: rgba(248, 113, 113, 1);

  /* Status pills */
  --app-status-ok-bg: #14532d;
  --app-status-ok-border: #4ade80;
  --app-status-ok-text: #bbf7d0;

  --app-status-error-bg: #7f1d1d;
  --app-status-error-border: #fca5a5;
  --app-status-error-text: #fee2e2;

  --app-status-neutral-bg: #111827;
  --app-status-neutral-border: #4b5563;
  --app-status-neutral-text: #e5e7eb;
}

/* ============================================================
   18) ROYAL LIBRARY – vinho/dourado clássico
   ============================================================ */
:root[data-theme="royal-library"] {
  --app-bg-900: #080106;
  --app-bg-800: #13010b;
  --app-bg-solid: #1a020f;

  --app-surface-main: #210713;
  --app-surface-alt: #17040d;
  --app-card-bg: radial-gradient(circle at top, #b91c1c 0%, #3b0a1a 55%);
  --app-card-border: rgba(248, 250, 252, 0.6);

  --app-text: #fef9c3;
  --app-text-soft: #facc15;
  --app-text-muted: #f59e0b;

  --app-primary: #fbbf24;
  --app-primary-strong: #d97706;
  --app-primary-glow-soft: rgba(251, 191, 36, 0.45);

  --app-topbar-bg: linear-gradient(90deg, #450a0a 0%, #7f1d1d 40%, #78350f 100%);
  --app-topbar-shadow: 0 18px 50px rgba(0, 0, 0, 0.95);

  --app-border-strong: #facc15;
  --app-border-main: rgba(217, 119, 6, 0.98);
  --app-border-soft: rgba(127, 29, 29, 0.98);
  --app-border-muted: rgba(252, 211, 77, 0.7);

  --app-table-border-row: rgba(69, 10, 10, 1);
  --app-table-head-bg: linear-gradient(180deg, #7f1d1d, #451a03);
  --app-table-row-alt-bg: rgba(69, 26, 3, 0.96);
  --app-table-row-hover-bg: rgba(234, 88, 12, 0.98);

  --app-lamina-core: rgba(252, 211, 77, 1);

  /* Status pills */
  --app-status-ok-bg: #14532d;
  --app-status-ok-border: #4ade80;
  --app-status-ok-text: #bbf7d0;

  --app-status-error-bg: #7f1d1d;
  --app-status-error-border: #fca5a5;
  --app-status-error-text: #fee2e2;

  --app-status-neutral-bg: #111827;
  --app-status-neutral-border: #4b5563;
  --app-status-neutral-text: #e5e7eb;
}

/* ============================================================
   19) AURORA BOREALIS – roxo/verde/ciano
   ============================================================ */
:root[data-theme="aurora-borealis"] {
  --app-bg-900: #020617;
  --app-bg-800: #05051b;
  --app-bg-solid: #05051f;

  --app-surface-main: #070927;
  --app-surface-alt: #04031a;
  --app-card-bg: radial-gradient(circle at top, #22c55e 0%, #1d4ed8 35%, #020617 80%);
  --app-card-border: rgba(129, 230, 217, 0.7);

  --app-text: #f9fafb;
  --app-text-soft: #e0f2fe;
  --app-text-muted: #a5b4fc;

  --app-primary: #22c55e;
  --app-primary-strong: #16a34a;
  --app-primary-glow-soft: rgba(52, 211, 153, 0.45);

  --app-topbar-bg: linear-gradient(90deg, #1d4ed8 0%, #4f46e5 30%, #22c55e 100%);
  --app-topbar-shadow: 0 20px 55px rgba(15, 23, 42, 0.98);

  --app-border-strong: #a5b4fc;
  --app-border-main: rgba(59, 130, 246, 0.98);
  --app-border-soft: rgba(15, 23, 42, 0.98);
  --app-border-muted: rgba(56, 189, 248, 0.75);

  --app-table-border-row: rgba(15, 23, 42, 1);
  --app-table-head-bg: linear-gradient(180deg, #1e293b, #020617);
  --app-table-row-alt-bg: rgba(15, 23, 42, 0.96);
  --app-table-row-hover-bg: rgba(30, 64, 175, 0.98);

  --app-lamina-core: rgba(129, 230, 217, 1);

  /* Status pills */
  --app-status-ok-bg: #14532d;
  --app-status-ok-border: #4ade80;
  --app-status-ok-text: #bbf7d0;

  --app-status-error-bg: #7f1d1d;
  --app-status-error-border: #fca5a5;
  --app-status-error-text: #fee2e2;

  --app-status-neutral-bg: #020617;
  --app-status-neutral-border: #4b5563;
  --app-status-neutral-text: #e5e7eb;
}

/* ============================================================
   20) STEAMPUNK BRASS – bronze, cobre, industrial
   ============================================================ */
:root[data-theme="steampunk-brass"] {
  --app-bg-900: #0a0501;
  --app-bg-800: #120804;
  --app-bg-solid: #1a0c06;

  --app-surface-main: #23120a;
  --app-surface-alt: #190d07;
  --app-card-bg: radial-gradient(circle at top, #d97706 0%, #1f2937 60%);
  --app-card-border: rgba(250, 204, 21, 0.7);

  --app-text: #fef3c7;
  --app-text-soft: #fde68a;
  --app-text-muted: #fbbf24;

  --app-primary: #fbbf24;
  --app-primary-strong: #d97706;
  --app-primary-glow-soft: rgba(251, 191, 36, 0.42);

  --app-topbar-bg: linear-gradient(90deg, #111827 0%, #4b5563 35%, #b45309 100%);
  --app-topbar-shadow: 0 18px 50px rgba(0, 0, 0, 0.95);

  --app-border-strong: #facc15;
  --app-border-main: rgba(217, 119, 6, 0.98);
  --app-border-soft: rgba(55, 65, 81, 0.98);
  --app-border-muted: rgba(250, 204, 21, 0.7);

  --app-table-border-row: rgba(30, 41, 59, 1);
  --app-table-head-bg: linear-gradient(180deg, #111827, #020617);
  --app-table-row-alt-bg: rgba(15, 23, 42, 0.96);
  --app-table-row-hover-bg: rgba(234, 179, 8, 0.98);

  --app-lamina-core: rgba(250, 204, 21, 1);

  /* Status pills */
  --app-status-ok-bg: #14532d;
  --app-status-ok-border: #4ade80;
  --app-status-ok-text: #bbf7d0;

  --app-status-error-bg: #7f1d1d;
  --app-status-error-border: #fca5a5;
  --app-status-error-text: #fee2e2;

  --app-status-neutral-bg: #111827;
  --app-status-neutral-border: #4b5563;
  --app-status-neutral-text: #e5e7eb;
}

/* ============================================================
   21) NEON SKYLINE – cidade noturna, magenta/ciano
   ============================================================ */
:root[data-theme="neon-skyline"] {
  --app-bg-900: #020015;
  --app-bg-800: #050021;
  --app-bg-solid: #07012b;

  --app-surface-main: #090135;
  --app-surface-alt: #050024;
  --app-card-bg: radial-gradient(circle at top, #22d3ee 0%, #7e22ce 40%, #020617 80%);
  --app-card-border: rgba(244, 114, 182, 0.7);

  --app-text: #f9fafb;
  --app-text-soft: #e0f2fe;
  --app-text-muted: #e879f9;

  --app-primary: #22d3ee;
  --app-primary-strong: #0891b2;
  --app-primary-glow-soft: rgba(34, 211, 238, 0.45);

  --app-topbar-bg: linear-gradient(90deg, #0f172a 0%, #4c1d95 30%, #22d3ee 100%);
  --app-topbar-shadow: 0 20px 55px rgba(0, 0, 0, 0.98);

  --app-border-strong: #e879f9;
  --app-border-main: rgba(129, 140, 248, 0.98);
  --app-border-soft: rgba(15, 23, 42, 0.98);
  --app-border-muted: rgba(56, 189, 248, 0.75);

  --app-table-border-row: rgba(15, 23, 42, 1);
  --app-table-head-bg: linear-gradient(180deg, #111827, #020617);
  --app-table-row-alt-bg: rgba(15, 23, 42, 0.96);
  --app-table-row-hover-bg: rgba(59, 130, 246, 0.98);

  --app-lamina-core: rgba(56, 189, 248, 1);

  /* Status pills */
  --app-status-ok-bg: #14532d;
  --app-status-ok-border: #4ade80;
  --app-status-ok-text: #bbf7d0;

  --app-status-error-bg: #7f1d1d;
  --app-status-error-border: #fca5a5;
  --app-status-error-text: #fee2e2;

  --app-status-neutral-bg: #020617;
  --app-status-neutral-border: #4b5563;
  --app-status-neutral-text: #e5e7eb;
}

/* ============================================================
   22) TUNDRA DAWN – cinza/rosa frio, claro
   ============================================================ */
:root[data-theme="tundra-dawn"] {
  --app-bg-900: #e5e7eb;
  --app-bg-800: #f3f4f6;
  --app-bg-solid: #f9fafb;

  --app-surface-main: #ffffff;
  --app-surface-alt: #f4f4f5;
  --app-card-bg: #ffffff;
  --app-card-border: rgba(209, 213, 219, 0.9);

  --app-text: #020617;
  --app-text-soft: #111827;
  --app-text-muted: #4b5563;

  --app-primary: #fb7185;
  --app-primary-strong: #e11d48;
  --app-primary-glow-soft: rgba(248, 113, 113, 0.32);

  --app-topbar-bg: linear-gradient(90deg, #e5e7eb 0%, #fecdd3 40%, #fb7185 100%);
  --app-topbar-shadow: 0 12px 32px rgba(248, 113, 113, 0.35);

  --app-border-strong: #fb7185;
  --app-border-main: rgba(209, 213, 219, 1);
  --app-border-soft: rgba(226, 232, 240, 1);
  --app-border-muted: rgba(148, 163, 184, 0.7);

  --app-table-border-row: rgba(209, 213, 219, 1);
  --app-table-head-bg: linear-gradient(180deg, #e5e7eb, #d1d5db);
  --app-table-row-alt-bg: #f9fafb;
  --app-table-row-hover-bg: #fee2e2;

  --app-lamina-core: rgba(248, 113, 113, 1);

  /* Status pills */
  --app-status-ok-bg: #dcfce7;
  --app-status-ok-border: #22c55e;
  --app-status-ok-text: #14532d;

  --app-status-error-bg: #fee2e2;
  --app-status-error-border: #ef4444;
  --app-status-error-text: #991b1b;

  --app-status-neutral-bg: #e5e7eb;
  --app-status-neutral-border: #9ca3af;
  --app-status-neutral-text: #111827;

  /* Botões escuros – texto claro */
  --app-btn-secondary-color: #f9fafb;
  --app-btn-ghost-color: #f9fafb;
  --app-icon-btn-color: #f9fafb;
}

/* ============================================================
   23) MOSS STONE – pedra úmida, verde musgo
   ============================================================ */
:root[data-theme="moss-stone"] {
  --app-bg-900: #020712;
  --app-bg-800: #040b16;
  --app-bg-solid: #050f18;

  --app-surface-main: #061420;
  --app-surface-alt: #040f18;
  --app-card-bg: radial-gradient(circle at top, #22c55e 0%, #111827 60%);
  --app-card-border: rgba(74, 222, 128, 0.6);

  --app-text: #e5f2ec;
  --app-text-soft: #bbf7d0;
  --app-text-muted: #86efac;

  --app-primary: #16a34a;
  --app-primary-strong: #15803d;
  --app-primary-glow-soft: rgba(34, 197, 94, 0.45);

  --app-topbar-bg: linear-gradient(90deg, #020617 0%, #14532d 40%, #0f172a 100%);
  --app-topbar-shadow: 0 18px 50px rgba(0, 0, 0, 0.95);

  --app-border-strong: #bbf7d0;
  --app-border-main: rgba(22, 163, 74, 0.98);
  --app-border-soft: rgba(15, 23, 42, 0.98);
  --app-border-muted: rgba(74, 222, 128, 0.75);

  --app-table-border-row: rgba(15, 23, 42, 1);
  --app-table-head-bg: linear-gradient(180deg, #0f172a, #020617);
  --app-table-row-alt-bg: rgba(15, 23, 42, 0.96);
  --app-table-row-hover-bg: rgba(22, 163, 74, 0.98);

  --app-lamina-core: rgba(74, 222, 128, 1);

  /* Status pills */
  --app-status-ok-bg: #14532d;
  --app-status-ok-border: #4ade80;
  --app-status-ok-text: #bbf7d0;

  --app-status-error-bg: #7f1d1d;
  --app-status-error-border: #fca5a5;
  --app-status-error-text: #fee2e2;

  --app-status-neutral-bg: #020617;
  --app-status-neutral-border: #4b5563;
  --app-status-neutral-text: #e5e7eb;
}

/* ============================================================
   24) CRIMSON LEGION – militar terrestre, vermelho/oliva
   ============================================================ */
:root[data-theme="crimson-legion"] {
  --app-bg-900: #080608;
  --app-bg-800: #0b0809;
  --app-bg-solid: #120b0b;

  --app-surface-main: #191013;
  --app-surface-alt: #100a0d;
  --app-card-bg: radial-gradient(circle at top, #dc2626 0%, #1c1917 60%);
  --app-card-border: rgba(252, 165, 165, 0.7);

  --app-text: #fef2f2;
  --app-text-soft: #fee2e2;
  --app-text-muted: #f97373;

  --app-primary: #dc2626;
  --app-primary-strong: #b91c1c;
  --app-primary-glow-soft: rgba(248, 113, 113, 0.45);

  --app-topbar-bg: linear-gradient(90deg, #111827 0%, #4b5563 30%, #7f1d1d 100%);
  --app-topbar-shadow: 0 18px 50px rgba(0, 0, 0, 0.96);

  --app-border-strong: #fecaca;
  --app-border-main: rgba(127, 29, 29, 0.98);
  --app-border-soft: rgba(15, 23, 42, 0.98);
  --app-border-muted: rgba(156, 163, 175, 0.75);

  --app-table-border-row: rgba(15, 23, 42, 1);
  --app-table-head-bg: linear-gradient(180deg, #111827, #020617);
  --app-table-row-alt-bg: rgba(15, 23, 42, 0.96);
  --app-table-row-hover-bg: rgba(220, 38, 38, 0.98);

  --app-lamina-core: rgba(248, 113, 113, 1);

  /* Status pills */
  --app-status-ok-bg: #14532d;
  --app-status-ok-border: #4ade80;
  --app-status-ok-text: #bbf7d0;

  --app-status-error-bg: #7f1d1d;
  --app-status-error-border: #fca5a5;
  --app-status-error-text: #fee2e2;

  --app-status-neutral-bg: #111827;
  --app-status-neutral-border: #4b5563;
  --app-status-neutral-text: #e5e7eb;
}

/* ============================================================
   25) HIGHLAND CELLAR – destilaria/whisky, âmbar
   ============================================================ */
:root[data-theme="highland-cellar"] {
  --app-bg-900: #090409;
  --app-bg-800: #12060b;
  --app-bg-solid: #1a0b0a;

  --app-surface-main: #23100d;
  --app-surface-alt: #190b08;
  --app-card-bg: radial-gradient(circle at top, #fbbf24 0%, #1f2933 60%);
  --app-card-border: rgba(251, 191, 36, 0.7);

  --app-text: #fef3c7;
  --app-text-soft: #fde68a;
  --app-text-muted: #fbbf24;

  --app-primary: #f97316;
  --app-primary-strong: #ea580c;
  --app-primary-glow-soft: rgba(249, 115, 22, 0.45);

  --app-topbar-bg: linear-gradient(90deg, #111827 0%, #4b5563 35%, #b45309 100%);
  --app-topbar-shadow: 0 18px 50px rgba(0, 0, 0, 0.96);

  --app-border-strong: #facc15;
  --app-border-main: rgba(217, 119, 6, 0.98);
  --app-border-soft: rgba(15, 23, 42, 0.98);
  --app-border-muted: rgba(250, 204, 21, 0.7);

  --app-table-border-row: rgba(30, 41, 59, 1);
  --app-table-head-bg: linear-gradient(180deg, #111827, #020617);
  --app-table-row-alt-bg: rgba(15, 23, 42, 0.96);
  --app-table-row-hover-bg: rgba(248, 113, 22, 0.98);

  --app-lamina-core: rgba(251, 191, 36, 1);

  /* Status pills */
  --app-status-ok-bg: #14532d;
  --app-status-ok-border: #4ade80;
  --app-status-ok-text: #bbf7d0;

  --app-status-error-bg: #7f1d1d;
  --app-status-error-border: #fca5a5;
  --app-status-error-text: #fee2e2;

  --app-status-neutral-bg: #111827;
  --app-status-neutral-border: #4b5563;
  --app-status-neutral-text: #e5e7eb;
}

/* ============================================================
   26) ZEN GARDEN – claro, verde/salmão bem suave
   ============================================================ */
:root[data-theme="zen-garden"] {
  --app-bg-900: #ecfdf5;
  --app-bg-800: #f0fdf4;
  --app-bg-solid: #f9fafb;

  --app-surface-main: #ffffff;
  --app-surface-alt: #f1f5f9;
  --app-card-bg: #ffffff;
  --app-card-border: rgba(148, 163, 184, 0.85);

  --app-text: #022c22;
  --app-text-soft: #064e3b;
  --app-text-muted: #4b5563;

  --app-primary: #22c55e;
  --app-primary-strong: #16a34a;
  --app-primary-glow-soft: rgba(34, 197, 94, 0.28);

  --app-topbar-bg: linear-gradient(90deg, #f9fafb 0%, #bbf7d0 40%, #fed7aa 100%);
  --app-topbar-shadow: 0 12px 32px rgba(22, 163, 74, 0.25);

  --app-border-strong: #16a34a;
  --app-border-main: rgba(148, 163, 184, 0.95);
  --app-border-soft: rgba(203, 213, 225, 1);
  --app-border-muted: rgba(148, 163, 184, 0.7);

  --app-table-border-row: rgba(209, 213, 219, 1);
  --app-table-head-bg: linear-gradient(180deg, #e5e7eb, #d1d5db);
  --app-table-row-alt-bg: #f9fafb;
  --app-table-row-hover-bg: #dcfce7;

  --app-lamina-core: rgba(34, 197, 94, 1);

  /* Status pills */
  --app-status-ok-bg: #dcfce7;
  --app-status-ok-border: #22c55e;
  --app-status-ok-text: #14532d;

  --app-status-error-bg: #fee2e2;
  --app-status-error-border: #ef4444;
  --app-status-error-text: #991b1b;

  --app-status-neutral-bg: #e5e7eb;
  --app-status-neutral-border: #9ca3af;
  --app-status-neutral-text: #111827;

  /* Botões escuros – texto claro */
  --app-btn-secondary-color: #f9fafb;
  --app-btn-ghost-color: #f9fafb;
  --app-icon-btn-color: #f9fafb;
}

/* ============================================================
   27) STORM SILVER – cinza/azul elétrico
   ============================================================ */
:root[data-theme="storm-silver"] {
  --app-bg-900: #020617;
  --app-bg-800: #02091b;
  --app-bg-solid: #030c22;

  --app-surface-main: #050f26;
  --app-surface-alt: #030a1a;
  --app-card-bg: radial-gradient(circle at top, #38bdf8 0%, #020617 60%);
  --app-card-border: rgba(148, 163, 184, 0.8);

  --app-text: #e5e7eb;
  --app-text-soft: #cbd5f5;
  --app-text-muted: #9ca3af;

  --app-primary: #38bdf8;
  --app-primary-strong: #0284c7;
  --app-primary-glow-soft: rgba(56, 189, 248, 0.45);

  --app-topbar-bg: linear-gradient(90deg, #020617 0%, #1e293b 35%, #38bdf8 100%);
  --app-topbar-shadow: 0 20px 55px rgba(15, 23, 42, 0.98);

  --app-border-strong: #e5e7eb;
  --app-border-main: rgba(30, 64, 175, 0.98);
  --app-border-soft: rgba(15, 23, 42, 0.98);
  --app-border-muted: rgba(148, 163, 184, 0.8);

  --app-table-border-row: rgba(15, 23, 42, 1);
  --app-table-head-bg: linear-gradient(180deg, #111827, #020617);
  --app-table-row-alt-bg: rgba(15, 23, 42, 0.96);
  --app-table-row-hover-bg: rgba(37, 99, 235, 0.98);

  --app-lamina-core: rgba(148, 163, 184, 1);

  /* Status pills */
  --app-status-ok-bg: #14532d;
  --app-status-ok-border: #4ade80;
  --app-status-ok-text: #bbf7d0;

  --app-status-error-bg: #7f1d1d;
  --app-status-error-border: #fca5a5;
  --app-status-error-text: #fee2e2;

  --app-status-neutral-bg: #111827;
  --app-status-neutral-border: #4b5563;
  --app-status-neutral-text: #e5e7eb;
}

/* ============================================================
   28) PASTEL STUDY – pastel organizado, claro
   ============================================================ */
:root[data-theme="pastel-study"] {
  --app-bg-900: #f1f5f9;
  --app-bg-800: #f9fafb;
  --app-bg-solid: #ffffff;

  --app-surface-main: #ffffff;
  --app-surface-alt: #f8fafc;
  --app-card-bg: #ffffff;
  --app-card-border: rgba(203, 213, 225, 0.9);

  --app-text: #020617;
  --app-text-soft: #111827;
  --app-text-muted: #4b5563;

  --app-primary: #6366f1;
  --app-primary-strong: #4f46e5;
  --app-primary-glow-soft: rgba(99, 102, 241, 0.32);

  --app-topbar-bg: linear-gradient(90deg, #fef3c7 0%, #bae6fd 40%, #c4b5fd 100%);
  --app-topbar-shadow: 0 12px 32px rgba(148, 163, 184, 0.35);

  --app-border-strong: #4f46e5;
  --app-border-main: rgba(148, 163, 184, 0.95);
  --app-border-soft: rgba(226, 232, 240, 1);
  --app-border-muted: rgba(148, 163, 184, 0.7);

  --app-table-border-row: rgba(209, 213, 219, 1);
  --app-table-head-bg: linear-gradient(180deg, #e5e7eb, #d1d5db);
  --app-table-row-alt-bg: #f9fafb;
  --app-table-row-hover-bg: #e0f2fe;

  --app-lamina-core: rgba(99, 102, 241, 1);

  /* Status pills */
  --app-status-ok-bg: #dcfce7;
  --app-status-ok-border: #22c55e;
  --app-status-ok-text: #14532d;

  --app-status-error-bg: #fee2e2;
  --app-status-error-border: #ef4444;
  --app-status-error-text: #991b1b;

  --app-status-neutral-bg: #e5e7eb;
  --app-status-neutral-border: #9ca3af;
  --app-status-neutral-text: #111827;

  /* Botões escuros – texto claro */
  --app-btn-secondary-color: #f9fafb;
  --app-btn-ghost-color: #f9fafb;
  --app-icon-btn-color: #f9fafb;
}

/* ============================================================
   29) SOLAR LABORATORY – amarelo/azul “científico”
   ============================================================ */
:root[data-theme="solar-laboratory"] {
  --app-bg-900: #020617;
  --app-bg-800: #030816;
  --app-bg-solid: #040a1f;

  --app-surface-main: #050f26;
  --app-surface-alt: #030a1a;
  --app-card-bg: radial-gradient(circle at top, #facc15 0%, #1d4ed8 55%);
  --app-card-border: rgba(250, 204, 21, 0.7);

  --app-text: #f9fafb;
  --app-text-soft: #e5e7eb;
  --app-text-muted: #fbbf24;

  --app-primary: #eab308;
  --app-primary-strong: #ca8a04;
  --app-primary-glow-soft: rgba(234, 179, 8, 0.45);

  --app-topbar-bg: linear-gradient(90deg, #0f172a 0%, #1d4ed8 35%, #facc15 100%);
  --app-topbar-shadow: 0 20px 55px rgba(15, 23, 42, 0.98);

  --app-border-strong: #facc15;
  --app-border-main: rgba(217, 119, 6, 0.98);
  --app-border-soft: rgba(15, 23, 42, 0.98);
  --app-border-muted: rgba(148, 163, 184, 0.8);

  --app-table-border-row: rgba(15, 23, 42, 1);
  --app-table-head-bg: linear-gradient(180deg, #111827, #020617);
  --app-table-row-alt-bg: rgba(15, 23, 42, 0.96);
  --app-table-row-hover-bg: rgba(59, 130, 246, 0.98);

  --app-lamina-core: rgba(250, 204, 21, 1);

  /* Status pills */
  --app-status-ok-bg: #14532d;
  --app-status-ok-border: #4ade80;
  --app-status-ok-text: #bbf7d0;

  --app-status-error-bg: #7f1d1d;
  --app-status-error-border: #fca5a5;
  --app-status-error-text: #fee2e2;

  --app-status-neutral-bg: #111827;
  --app-status-neutral-border: #4b5563;
  --app-status-neutral-text: #e5e7eb;
}