/* theRomsHost · tokens do tema novo. Declarados no <html> (o :root do Lagom), para as variáveis derivadas do Lagom
   serem recalculadas com estas cores. O atributo data-trh-mode só existe no cabeçalho do tema novo. */

body.trh { --trh-sb-w: 248px; }
html.trh-colapsado body.trh { --trh-sb-w: 72px; }

/* ---------- Escuro (padrão): vidro escuro sobre luz ambiente azul, sem véu branco ---------- */
html[data-trh-mode="dark"] {
    color-scheme: dark;
    --trh-ac: #2f7bff;
    --trh-ac-2: #7fb0ff;
    --trh-ac-grad: linear-gradient(180deg, #3d86ff 0%, #1f63e6 100%);
    --trh-ac-brilho: 0 10px 26px -10px rgba(47, 123, 255, .75);
    --trh-bg: #06080b;
    --trh-glass: linear-gradient(180deg, rgba(22, 27, 36, .62) 0%, rgba(13, 16, 22, .52) 100%);
    --trh-glass-solido: rgba(16, 20, 27, .62);
    --trh-glass-2: rgba(8, 10, 14, .45);
    --trh-edge: rgba(148, 163, 184, .10);
    --trh-edge-2: rgba(148, 163, 184, .06);
    --trh-tx: #eef1f6;
    --trh-tx-2: #c3c9d4;
    --trh-mut: #8a93a3;
    --trh-mut-2: #6b7485;
    --trh-ok: #34d399;
    --trh-warn: #fbbf24;
    --trh-err: #f87171;
    --trh-luz-1: rgba(47, 123, 255, .30);
    --trh-luz-2: rgba(56, 189, 248, .16);
    --trh-luz-3: rgba(99, 102, 241, .16);
    --trh-sombra: inset 0 1px 0 rgba(255, 255, 255, .035), 0 18px 40px -22px rgba(0, 0, 0, .85);
    --trh-fio: linear-gradient(90deg, rgba(47, 123, 255, 0), rgba(120, 170, 255, .45), rgba(47, 123, 255, 0));
    --trh-num-grad: linear-gradient(180deg, #ffffff 30%, #9fb0c8 100%);
    --trh-logo-filtro: brightness(0) invert(1) opacity(.94);

    --body-bg: var(--trh-bg);
    --gray-base: #aeb6c4;
    --gray-lighter: #8a93a3;
    --gray-lighter-2: #6b7485;
    --gray-lighter-3: rgba(148, 163, 184, .18);
    --gray-lighter-4: rgba(148, 163, 184, .10);
    --gray-faded: rgba(255, 255, 255, .03);
    --gray-darker: #eef1f6;
    --gray-icons: #7a8496;
    --gray-icons-hover: #c3c9d4;
    --gray-gradient-start: transparent;
    --gray-gradient-end: transparent;
    --brand-primary: #2f7bff;
    --brand-primary-lighter: #5b9bff;
    --brand-primary-lighter-2: rgba(47, 123, 255, .35);
    --brand-primary-lighter-3: rgba(47, 123, 255, .22);
    --brand-primary-lighter-4: rgba(47, 123, 255, .14);
    --brand-primary-darker: #1f63e6;
    --brand-primary-gradient-start: #3d86ff;
    --brand-primary-gradient-end: #1f63e6;
    --brand-info: #5b9bff;
    --brand-success: #34d399;
    --brand-warning: #fbbf24;
    --brand-danger: #f87171;
    --text-body-color: #c3c9d4;
    --text-heading-color: #eef1f6;
    --text-lighter-color: #8a93a3;
    --text-faded-color: #6b7485;
    --text-muted: #8a93a3;
    --link-color: #7fb0ff;
    --link-hover-color: #a9c9ff;
    --ui-block-bg: var(--trh-glass-solido);
    --ui-block-bg-form: var(--trh-glass-solido);
    --ui-block-header-bg: rgba(255, 255, 255, .02);
    --ui-block-border-color: var(--trh-edge);
    --ui-block-border: 1px solid var(--trh-edge);
    --ui-block-divider-color: var(--trh-edge-2);
    --ui-block-divider-border: 1px solid var(--trh-edge-2);
    --ui-block-shadow: var(--trh-sombra);
    --ui-block-shadow-lg: var(--trh-sombra);
    --ui-block-shadow-xlg: var(--trh-sombra);
    --ui-block-link-hover-bg: rgba(255, 255, 255, .03);
    --ui-block-link-active-bg: rgba(47, 123, 255, .12);
    --ui-block-overlay-bg: rgba(6, 8, 11, .7);
    --ui-block-border-radius: 18px;
    --ui-icon-color: #7a8496;
    --border-radius-base: 10px;
    --border-radius-lg: 14px;
    --border-radius-xlg: 18px;
    --input-bg: rgba(0, 0, 0, .35);
    --input-hover-bg: rgba(0, 0, 0, .42);
    --input-focus-bg: rgba(0, 0, 0, .45);
    --input-disabled-bg: rgba(255, 255, 255, .03);
    --input-border-color: rgba(148, 163, 184, .16);
    --input-hover-border-color: rgba(148, 163, 184, .28);
    --input-disabled-border-color: rgba(148, 163, 184, .10);
    --input-color: #eef1f6;
    --input-hover-color: #eef1f6;
    --input-focus-color: #eef1f6;
    --input-label-color: #aeb6c4;
    --dropdown-bg: #10141b;
    --main-top-bg: transparent;
    --main-footer-bg: transparent;
    --main-header-banner-bg: transparent;
    --main-header-label-bg: rgba(255, 255, 255, .04);
    --main-body-sidebar-content-bg: transparent;
    --table-bg-accent: rgba(255, 255, 255, .02);
    --site-section-bg: transparent;
    --btn-default-bg: rgba(255, 255, 255, .045);
    --btn-default-border: var(--trh-edge);
    --btn-default-color: #e6ebf2;
    --btn-default-hover-bg: rgba(255, 255, 255, .08);
    --btn-default-hover-border: rgba(148, 163, 184, .22);
    --btn-default-hover-color: #ffffff;
    --btn-default-active-bg: rgba(255, 255, 255, .1);
    --font-family-base: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-family-monospace: 'JetBrains Mono', ui-monospace, monospace;
}

/* ---------- Claro: vidro cinza-azulado (também sem branco leitoso) ---------- */
html[data-trh-mode="light"] {
    color-scheme: light;
    --trh-ac: #1f6bf0;
    --trh-ac-2: #1f5fd6;
    --trh-ac-grad: linear-gradient(180deg, #3d86ff 0%, #1f63e6 100%);
    --trh-ac-brilho: 0 10px 24px -12px rgba(31, 99, 230, .55);
    --trh-bg: #e7ecf3;
    --trh-glass: linear-gradient(180deg, rgba(236, 241, 248, .72) 0%, rgba(226, 233, 243, .62) 100%);
    --trh-glass-solido: rgba(231, 237, 245, .72);
    --trh-glass-2: rgba(214, 223, 236, .55);
    --trh-edge: rgba(71, 85, 105, .14);
    --trh-edge-2: rgba(71, 85, 105, .09);
    --trh-tx: #0f172a;
    --trh-tx-2: #334155;
    --trh-mut: #64748b;
    --trh-mut-2: #94a3b8;
    --trh-ok: #059669;
    --trh-warn: #b45309;
    --trh-err: #dc2626;
    --trh-luz-1: rgba(47, 123, 255, .22);
    --trh-luz-2: rgba(56, 189, 248, .18);
    --trh-luz-3: rgba(99, 102, 241, .12);
    --trh-sombra: inset 0 1px 0 rgba(255, 255, 255, .5), 0 16px 36px -24px rgba(15, 23, 42, .35);
    --trh-fio: linear-gradient(90deg, rgba(47, 123, 255, 0), rgba(47, 123, 255, .35), rgba(47, 123, 255, 0));
    --trh-num-grad: linear-gradient(180deg, #0f172a 30%, #334155 100%);
    --trh-logo-filtro: none;

    --body-bg: var(--trh-bg);
    --gray-base: #475569;
    --gray-lighter: #64748b;
    --gray-lighter-2: #94a3b8;
    --gray-lighter-3: rgba(71, 85, 105, .20);
    --gray-lighter-4: rgba(71, 85, 105, .12);
    --gray-faded: rgba(71, 85, 105, .06);
    --gray-darker: #0f172a;
    --gray-gradient-start: transparent;
    --gray-gradient-end: transparent;
    --brand-primary: #1f6bf0;
    --brand-primary-lighter: #3d86ff;
    --brand-primary-lighter-4: rgba(31, 107, 240, .12);
    --brand-primary-darker: #1a55c2;
    --brand-primary-gradient-start: #3d86ff;
    --brand-primary-gradient-end: #1f63e6;
    --text-body-color: #334155;
    --text-heading-color: #0f172a;
    --text-lighter-color: #64748b;
    --text-faded-color: #94a3b8;
    --link-color: #1f5fd6;
    --link-hover-color: #1a4fb3;
    --ui-block-bg: var(--trh-glass-solido);
    --ui-block-bg-form: var(--trh-glass-solido);
    --ui-block-header-bg: rgba(71, 85, 105, .04);
    --ui-block-border-color: var(--trh-edge);
    --ui-block-border: 1px solid var(--trh-edge);
    --ui-block-divider-color: var(--trh-edge-2);
    --ui-block-divider-border: 1px solid var(--trh-edge-2);
    --ui-block-shadow: var(--trh-sombra);
    --ui-block-border-radius: 18px;
    --border-radius-base: 10px;
    --border-radius-lg: 14px;
    --border-radius-xlg: 18px;
    --input-bg: rgba(248, 250, 252, .7);
    --input-hover-bg: rgba(248, 250, 252, .85);
    --input-focus-bg: rgba(248, 250, 252, .95);
    --input-border-color: rgba(71, 85, 105, .22);
    --dropdown-bg: #eef2f8;
    --main-top-bg: transparent;
    --main-footer-bg: transparent;
    --main-header-banner-bg: transparent;
    --main-body-sidebar-content-bg: transparent;
    --site-section-bg: transparent;
    --font-family-base: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-family-monospace: 'JetBrains Mono', ui-monospace, monospace;
}