/* ============================================================================= * theme.css — modo claro / modo escuro do AgendouAI * ============================================================================= * * COMO FUNCIONA (leia antes de editar) * ----------------------------------------------------------------------------- * O tema é marcado em por `data-theme="dark"` ou `data-theme="light"`, * escrito por um script inline no de cada página ANTES do primeiro paint * (é isso que evita o flash branco). A API pública é `window.Tema` (theme.js). * * O tema CLARO é o Tailwind puro: nenhuma variável de paleta é declarada em * `:root`, então todo `rgb(var(--cb-…, ))` cai no fallback e o * resultado é byte a byte o que o site sempre foi. Isso é proposital — modo * escuro não pode ser desculpa para regressão no claro. * * O tema ESCURO declara as variáveis de paleta e o Tailwind inteiro muda junto, * sem tocar em uma única classe do HTML. As variáveis vêm em TRÊS papéis porque * a mesma cor do Tailwind é usada com intenções opostas: * * --cb-- background (`bg-gray-900` = painel escuro → continua escuro) * --ct-- text (`text-gray-900` = texto → vira quase-branco) * --cr-- border/ring (`border-gray-200` = divisória → escurece) * * Essas três famílias são GERADAS por `node theme-build/build-theme.js` a partir de * `theme-build/theme-palette.js` (matemática em OKLCH + piso de contraste WCAG AA). * NÃO edite o bloco gerado à mão — edite a paleta e rode o gerador. * * TOKENS SEMÂNTICOS (`--ag-*`) * ----------------------------------------------------------------------------- * Para CSS próprio (nosso, não-Tailwind) use os tokens `--ag-*` abaixo, nunca um * hex cru. Eles existem nos DOIS temas, então uma regra só serve aos dois. * * ATENÇÃO AO CACHE: este arquivo é servido com `Cache-Control: immutable` por um * ano (ver `_headers`). Mudou algo aqui → bumpe o `?v=` em TODOS os HTML. * ========================================================================== */ /* ----------------------------------------------------------------------------- * 1. TOKENS SEMÂNTICOS — TEMA CLARO * Os valores refletem o que o app já usava (#f0f2f5 de fundo, cinzas do Tailwind), * para que adotar um token nunca mude a aparência atual. * -------------------------------------------------------------------------- */ :root { /* Superfícies (escada de elevação: bg < surface < surface-2 < surface-3) */ --ag-bg: #f0f2f5; --ag-surface: #ffffff; --ag-surface-2: #f9fafb; --ag-surface-3: #f3f4f6; --ag-surface-sunken: #e9ecf1; --ag-overlay-bg: #ffffff; /* modal, dropdown, popover */ --ag-scrim: rgb(17 24 39 / 0.45); /* véu atrás do modal */ /* Bordas */ --ag-border: #e5e7eb; --ag-border-subtle: #f0f1f4; --ag-border-strong: #d1d5db; --ag-divider: #e5e7eb; /* Texto */ --ag-text: #111827; --ag-text-secondary: #4b5563; --ag-text-muted: #6b7280; --ag-text-placeholder: #9ca3af; --ag-text-disabled: #b3b9c4; --ag-text-inverse: #ffffff; --ag-link: #4f46e5; --ag-link-hover: #4338ca; /* Marca */ --ag-accent: #4f46e5; --ag-accent-hover: #4338ca; --ag-accent-soft: #eef2ff; --ag-accent-border: #c7d2fe; --ag-accent-text: #4338ca; /* texto na cor da marca, sobre superfície */ --ag-on-accent: #ffffff; /* texto SOBRE a cor da marca */ /* Estados — cada um com fundo suave, borda e cor de texto legível */ --ag-success: #16a34a; --ag-success-bg: #f0fdf4; --ag-success-border: #bbf7d0; --ag-success-text: #15803d; --ag-danger: #dc2626; --ag-danger-bg: #fef2f2; --ag-danger-border: #fecaca; --ag-danger-text: #b91c1c; --ag-warning: #d97706; --ag-warning-bg: #fffbeb; --ag-warning-border: #fde68a; --ag-warning-text: #b45309; --ag-info: #2563eb; --ag-info-bg: #eff6ff; --ag-info-border: #bfdbfe; --ag-info-text: #1d4ed8; --ag-neutral-bg: #f3f4f6; --ag-neutral-border: #e5e7eb; --ag-neutral-text: #4b5563; /* Campos de formulário */ --ag-input-bg: #ffffff; --ag-input-border: #d1d5db; --ag-input-text: #111827; --ag-input-placeholder: #9ca3af; --ag-input-disabled-bg: #f3f4f6; --ag-input-disabled-text: #9ca3af; --ag-focus-ring: #6366f1; /* Sidebar — o sidebar já é escuro no tema claro, então aqui os valores são os de hoje. Os nomes `--sidebar-*` são os que _sidebar.html já consome com fallback; declará-los aqui é o que permite ao menu de perfil seguir o tema sem hex fixo. */ --ag-sidebar-bg: #1f2937; --ag-sidebar-border: #374151; --ag-sidebar-text: #e5e7eb; --ag-sidebar-text-muted: #9ca3af; --ag-sidebar-item-hover: #374151; --ag-sidebar-item-active: #374151; --ag-sidebar-surface: #111827; /* caixinhas dentro do sidebar (agent switcher) */ --sidebar-border: #4b5563; --sidebar-dropdown-bg: #2d3748; --sidebar-dropdown-border: #4a5568; --sidebar-text: #e2e8f0; --sidebar-text-strong: #ffffff; --sidebar-text-muted: #9ca3af; --sidebar-hover-bg: #4a5568; /* Sombras — `k` multiplica a opacidade, `ring` adiciona um fio de contorno */ --ag-shadow-rgb: 0 0 0; --ag-shadow-k: 1; --ag-shadow-k2: 1; --ag-shadow-ring: 0 0 #0000; /* Scrollbar / skeleton */ --ag-scrollbar-thumb: #c7ccd6; --ag-scrollbar-thumb-hover: #aeb5c2; --ag-scrollbar-track: transparent; --ag-skeleton-base: #e9ecf1; --ag-skeleton-shine: #f6f8fa; } /* ----------------------------------------------------------------------------- * 2. TOKENS SEMÂNTICOS — TEMA ESCURO * A escada de elevação segue a convenção de dark UI: mais alto = mais claro. * page #0d0f14 < rail #16191f < surface #1a1d23 < hover #21252d * -------------------------------------------------------------------------- */ :root[data-theme="dark"] { --ag-bg: #0d0f14; --ag-surface: #1a1d23; --ag-surface-2: #21252d; --ag-surface-3: #262b34; --ag-surface-sunken: #131519; --ag-overlay-bg: #22262e; /* flutuante sobe mais um degrau */ --ag-scrim: rgb(0 0 0 / 0.66); --ag-border: #313742; --ag-border-subtle: #262b33; --ag-border-strong: #3b4351; --ag-divider: #2a3039; --ag-text: #eaedf3; /* 14.4:1 sobre --ag-surface */ --ag-text-secondary: #b4bcca; /* 8.8:1 */ --ag-text-muted: #9aa3b3; /* 6.6:1 */ --ag-text-placeholder: #7d8698; /* 4.6:1 — piso AA */ --ag-text-disabled: #656d7d; --ag-text-inverse: #0d0f14; --ag-link: #a5b4fc; --ag-link-hover: #c7d2fe; --ag-accent: #6366f1; /* sobe um tom: indigo-600 fica pesado no escuro */ --ag-accent-hover: #7c7ff5; --ag-accent-soft: #242940; --ag-accent-border: #33396b; --ag-accent-text: #b6c3fd; --ag-on-accent: #ffffff; --ag-success: #22c55e; --ag-success-bg: #1f2c2a; --ag-success-border: #29583c; --ag-success-text: #a2f3be; --ag-danger: #ef4444; --ag-danger-bg: #2e2327; --ag-danger-border: #663232; --ag-danger-text: #fdb8b7; --ag-warning: #f59e0b; --ag-warning-bg: #2d2927; --ag-warning-border: #654b2f; --ag-warning-text: #fddd6e; --ag-info: #3b82f6; --ag-info-bg: #1e2635; --ag-info-border: #29426c; --ag-info-text: #a9d0fe; --ag-neutral-bg: #262b34; --ag-neutral-border: #313742; --ag-neutral-text: #b4bcca; /* Campo levemente MAIS ESCURO que o card: no escuro, "afundado" lê como editável melhor do que "elevado" (o oposto do tema claro, onde o campo é branco). */ --ag-input-bg: #14171c; --ag-input-border: #3b4351; --ag-input-text: #eaedf3; --ag-input-placeholder: #7d8698; --ag-input-disabled-bg: #191c22; --ag-input-disabled-text: #656d7d; --ag-focus-ring: #818cf8; --ag-sidebar-bg: #16191f; --ag-sidebar-border: #2a2f38; --ag-sidebar-text: #dfe4ec; --ag-sidebar-text-muted: #9aa3b3; --ag-sidebar-item-hover: #232830; --ag-sidebar-item-active: #2a3039; --ag-sidebar-surface: #101216; --sidebar-border: #2a2f38; --sidebar-dropdown-bg: #22262e; --sidebar-dropdown-border: #333944; --sidebar-text: #dfe4ec; --sidebar-text-strong: #f7f9fc; --sidebar-text-muted: #9aa3b3; --sidebar-hover-bg: #2d323d; /* No escuro a sombra sozinha some — reforça a opacidade E acrescenta um fio. */ --ag-shadow-rgb: 0 0 0; --ag-shadow-k: 2.8; --ag-shadow-k2: 1.8; --ag-shadow-ring: 0 0 0 1px #262b33; --ag-scrollbar-thumb: #3b4351; --ag-scrollbar-thumb-hover: #4a5361; --ag-scrollbar-track: transparent; --ag-skeleton-base: #21252d; --ag-skeleton-shine: #2d323d; } /* >>> PALETA-TAILWIND-GERADA — gerado por theme-build/build-theme.js, NÃO EDITAR >>> */ :root[data-theme="dark"] { /* FUNDOS — --cb-- */ --cb-white: 26 29 35; --cb-black: 0 0 0; --cb-slate-50:24 38 52;--cb-slate-100:26 45 62;--cb-slate-200:34 51 73;--cb-slate-300:45 65 89;--cb-slate-400:66 83 106;--cb-slate-500:84 101 124;--cb-slate-600:39 47 60;--cb-slate-700:28 34 44;--cb-slate-800:21 25 32;--cb-slate-900:16 18 23;--cb-slate-950:9 11 15; --cb-gray-50:33 37 45;--cb-gray-100:38 43 52;--cb-gray-200:45 50 61;--cb-gray-300:57 64 76;--cb-gray-400:74 82 95;--cb-gray-500:91 100 114;--cb-gray-600:42 47 56;--cb-gray-700:30 34 42;--cb-gray-800:22 25 31;--cb-gray-900:16 18 22;--cb-gray-950:10 11 14; --cb-zinc-50:37 37 37;--cb-zinc-100:42 42 47;--cb-zinc-200:49 49 57;--cb-zinc-300:63 63 71;--cb-zinc-400:80 80 90;--cb-zinc-500:98 98 108;--cb-zinc-600:46 46 52;--cb-zinc-700:34 34 37;--cb-zinc-800:25 25 26;--cb-zinc-900:18 18 19;--cb-zinc-950:11 11 12; --cb-neutral-50:37 37 37;--cb-neutral-100:43 43 43;--cb-neutral-200:50 50 50;--cb-neutral-300:64 64 64;--cb-neutral-400:81 81 81;--cb-neutral-500:99 99 99;--cb-neutral-600:47 47 47;--cb-neutral-700:34 34 34;--cb-neutral-800:25 25 25;--cb-neutral-900:18 18 18;--cb-neutral-950:11 11 11; --cb-stone-50:38 37 31;--cb-stone-100:43 43 38;--cb-stone-200:54 49 46;--cb-stone-300:68 62 58;--cb-stone-400:87 80 76;--cb-stone-500:105 98 93;--cb-stone-600:49 46 43;--cb-stone-700:35 34 32;--cb-stone-800:26 25 24;--cb-stone-900:19 18 17;--cb-stone-950:11 11 11; --cb-red-50:46 35 39;--cb-red-100:58 39 42;--cb-red-200:74 43 45;--cb-red-300:90 47 48;--cb-red-400:233 99 100;--cb-red-500:239 68 68;--cb-red-600:220 38 38;--cb-red-700:185 28 28;--cb-red-800:153 27 27;--cb-red-900:127 29 29;--cb-red-950:69 10 10; --cb-orange-50:46 38 39;--cb-orange-100:58 43 40;--cb-orange-200:74 50 42;--cb-orange-300:91 57 44;--cb-orange-400:235 132 42;--cb-orange-500:249 115 22;--cb-orange-600:234 88 12;--cb-orange-700:194 65 12;--cb-orange-800:154 52 18;--cb-orange-900:124 45 18;--cb-orange-950:67 20 7; --cb-amber-50:45 41 39;--cb-amber-100:56 48 42;--cb-amber-200:72 58 44;--cb-amber-300:89 68 46;--cb-amber-400:234 175 0;--cb-amber-500:245 158 11;--cb-amber-600:217 119 6;--cb-amber-700:180 83 9;--cb-amber-800:146 64 14;--cb-amber-900:120 53 15;--cb-amber-950:69 26 3; --cb-yellow-50:43 42 40;--cb-yellow-100:54 51 42;--cb-yellow-200:69 62 45;--cb-yellow-300:85 73 47;--cb-yellow-400:233 187 0;--cb-yellow-500:234 179 8;--cb-yellow-600:202 138 4;--cb-yellow-700:161 98 7;--cb-yellow-800:133 77 14;--cb-yellow-900:113 63 18;--cb-yellow-950:66 32 6; --cb-lime-50:35 44 40;--cb-lime-100:41 54 42;--cb-lime-200:49 67 45;--cb-lime-300:57 80 47;--cb-lime-400:147 213 20;--cb-lime-500:132 204 22;--cb-lime-600:101 163 13;--cb-lime-700:77 124 15;--cb-lime-800:63 98 18;--cb-lime-900:54 83 20;--cb-lime-950:26 46 5; --cb-green-50:31 44 42;--cb-green-100:34 53 46;--cb-green-200:37 65 51;--cb-green-300:39 78 56;--cb-green-400:52 206 113;--cb-green-500:34 197 94;--cb-green-600:22 163 74;--cb-green-700:21 128 61;--cb-green-800:22 101 52;--cb-green-900:20 83 45;--cb-green-950:5 46 22; --cb-emerald-50:31 43 44;--cb-emerald-100:33 51 49;--cb-emerald-200:35 63 56;--cb-emerald-300:38 74 64;--cb-emerald-400:20 196 139;--cb-emerald-500:16 185 129;--cb-emerald-600:5 150 105;--cb-emerald-700:4 120 87;--cb-emerald-800:6 95 70;--cb-emerald-900:6 78 59;--cb-emerald-950:2 44 34; --cb-teal-50:31 42 47;--cb-teal-100:33 51 54;--cb-teal-200:36 62 63;--cb-teal-300:38 74 73;--cb-teal-400:0 197 176;--cb-teal-500:20 184 166;--cb-teal-600:13 148 136;--cb-teal-700:15 118 110;--cb-teal-800:17 94 89;--cb-teal-900:19 78 74;--cb-teal-950:4 47 46; --cb-cyan-50:31 42 50;--cb-cyan-100:33 50 60;--cb-cyan-200:36 62 73;--cb-cyan-300:38 73 86;--cb-cyan-400:0 195 222;--cb-cyan-500:6 182 212;--cb-cyan-600:8 145 178;--cb-cyan-700:14 116 144;--cb-cyan-800:21 94 117;--cb-cyan-900:22 78 99;--cb-cyan-950:8 51 68; --cb-sky-50:30 41 52;--cb-sky-100:32 48 62;--cb-sky-200:35 58 77;--cb-sky-300:37 69 92;--cb-sky-400:32 174 233;--cb-sky-500:14 165 233;--cb-sky-600:2 132 199;--cb-sky-700:3 105 161;--cb-sky-800:7 89 133;--cb-sky-900:12 74 110;--cb-sky-950:8 47 73; --cb-blue-50:30 38 53;--cb-blue-100:32 44 64;--cb-blue-200:36 52 80;--cb-blue-300:38 60 96;--cb-blue-400:83 151 235;--cb-blue-500:59 130 246;--cb-blue-600:37 99 235;--cb-blue-700:29 78 216;--cb-blue-800:30 64 175;--cb-blue-900:30 58 138;--cb-blue-950:23 37 84; --cb-indigo-50:32 36 53;--cb-indigo-100:36 41 64;--cb-indigo-200:41 47 79;--cb-indigo-300:47 53 95;--cb-indigo-400:117 127 234;--cb-indigo-500:99 102 241;--cb-indigo-600:79 70 229;--cb-indigo-700:67 56 202;--cb-indigo-800:55 48 163;--cb-indigo-900:49 46 129;--cb-indigo-950:30 27 75; --cb-violet-50:36 36 53;--cb-violet-100:42 40 65;--cb-violet-200:50 45 80;--cb-violet-300:58 50 96;--cb-violet-400:154 126 235;--cb-violet-500:139 92 246;--cb-violet-600:124 58 237;--cb-violet-700:109 40 217;--cb-violet-800:91 33 182;--cb-violet-900:76 29 149;--cb-violet-950:46 16 101; --cb-purple-50:38 36 53;--cb-purple-100:46 39 65;--cb-purple-200:57 44 80;--cb-purple-300:67 49 96;--cb-purple-400:178 118 237;--cb-purple-500:168 85 247;--cb-purple-600:147 51 234;--cb-purple-700:126 34 206;--cb-purple-800:107 33 168;--cb-purple-900:88 28 135;--cb-purple-950:59 7 100; --cb-fuchsia-50:43 35 53;--cb-fuchsia-100:54 39 63;--cb-fuchsia-200:68 43 78;--cb-fuchsia-300:82 47 94;--cb-fuchsia-400:217 106 234;--cb-fuchsia-500:217 70 239;--cb-fuchsia-600:192 38 211;--cb-fuchsia-700:162 28 175;--cb-fuchsia-800:134 25 143;--cb-fuchsia-900:112 26 117;--cb-fuchsia-950:74 4 78; --cb-pink-50:45 35 45;--cb-pink-100:57 39 52;--cb-pink-200:73 43 61;--cb-pink-300:89 47 70;--cb-pink-400:229 100 168;--cb-pink-500:236 72 153;--cb-pink-600:219 39 119;--cb-pink-700:190 24 93;--cb-pink-800:157 23 77;--cb-pink-900:131 24 67;--cb-pink-950:80 7 36; --cb-rose-50:46 35 41;--cb-rose-100:58 38 45;--cb-rose-200:75 42 49;--cb-rose-300:91 46 54;--cb-rose-400:236 99 120;--cb-rose-500:244 63 94;--cb-rose-600:225 29 72;--cb-rose-700:190 18 60;--cb-rose-800:159 18 57;--cb-rose-900:136 19 55;--cb-rose-950:76 5 25; /* TEXTOS — --ct-- */ --ct-white: 255 255 255; --ct-black: 234 237 243; --ct-slate-50:244 250 255;--ct-slate-100:233 242 252;--ct-slate-200:216 229 246;--ct-slate-300:190 209 230;--ct-slate-400:122 144 176;--ct-slate-500:145 164 191;--ct-slate-600:175 189 208;--ct-slate-700:201 211 224;--ct-slate-800:219 225 235;--ct-slate-900:233 237 245;--ct-slate-950:247 249 254; --ct-gray-50:247 249 252;--ct-gray-100:238 241 246;--ct-gray-200:223 228 236;--ct-gray-300:200 207 218;--ct-gray-400:133 143 161;--ct-gray-500:154 163 179;--ct-gray-600:180 188 202;--ct-gray-700:204 210 221;--ct-gray-800:221 225 233;--ct-gray-900:234 237 243;--ct-gray-950:247 249 252; --ct-zinc-50:249 249 249;--ct-zinc-100:240 240 243;--ct-zinc-200:227 227 233;--ct-zinc-300:206 206 213;--ct-zinc-400:141 141 154;--ct-zinc-500:161 161 172;--ct-zinc-600:187 187 195;--ct-zinc-700:209 209 214;--ct-zinc-800:225 225 226;--ct-zinc-900:237 237 238;--ct-zinc-950:249 249 249; --ct-neutral-50:249 249 249;--ct-neutral-100:241 241 241;--ct-neutral-200:228 228 228;--ct-neutral-300:206 206 206;--ct-neutral-400:142 142 142;--ct-neutral-500:162 162 162;--ct-neutral-600:187 187 187;--ct-neutral-700:210 210 210;--ct-neutral-800:225 225 225;--ct-neutral-900:237 237 237;--ct-neutral-950:249 249 249; --ct-stone-50:249 249 246;--ct-stone-100:241 241 238;--ct-stone-200:231 227 225;--ct-stone-300:211 205 202;--ct-stone-400:149 141 135;--ct-stone-500:169 161 155;--ct-stone-600:191 187 182;--ct-stone-700:212 209 206;--ct-stone-800:226 224 224;--ct-stone-900:238 237 236;--ct-stone-950:249 249 248; --ct-red-50:254 242 242;--ct-red-100:254 226 226;--ct-red-200:254 202 202;--ct-red-300:252 165 165;--ct-red-400:248 113 113;--ct-red-500:244 92 91;--ct-red-600:251 140 139;--ct-red-700:253 184 183;--ct-red-800:254 214 214;--ct-red-900:254 242 242;--ct-red-950:254 242 242; --ct-orange-50:255 247 237;--ct-orange-100:255 237 213;--ct-orange-200:254 215 170;--ct-orange-300:253 186 116;--ct-orange-400:251 146 60;--ct-orange-500:250 131 44;--ct-orange-600:252 166 90;--ct-orange-700:254 201 144;--ct-orange-800:255 226 192;--ct-orange-900:255 247 237;--ct-orange-950:255 247 237; --ct-amber-50:255 251 235;--ct-amber-100:254 243 199;--ct-amber-200:253 230 138;--ct-amber-300:252 211 77;--ct-amber-400:251 191 36;--ct-amber-500:248 175 25;--ct-amber-600:252 201 59;--ct-amber-700:253 221 110;--ct-amber-800:253 237 170;--ct-amber-900:255 251 235;--ct-amber-950:255 251 235; --ct-yellow-50:254 252 232;--ct-yellow-100:254 249 195;--ct-yellow-200:254 240 138;--ct-yellow-300:253 224 71;--ct-yellow-400:250 204 21;--ct-yellow-500:242 191 15;--ct-yellow-600:252 214 51;--ct-yellow-700:254 232 108;--ct-yellow-800:254 245 168;--ct-yellow-900:254 252 232;--ct-yellow-950:254 252 232; --ct-lime-50:247 254 231;--ct-lime-100:236 252 203;--ct-lime-200:217 249 157;--ct-lime-300:190 242 100;--ct-lime-400:163 230 53;--ct-lime-500:147 217 39;--ct-lime-600:177 236 79;--ct-lime-700:204 246 130;--ct-lime-800:226 251 181;--ct-lime-900:247 254 231;--ct-lime-950:247 254 231; --ct-green-50:240 253 244;--ct-green-100:220 252 231;--ct-green-200:187 247 208;--ct-green-300:134 239 172;--ct-green-400:74 222 128;--ct-green-500:56 209 111;--ct-green-600:107 231 150;--ct-green-700:162 243 190;--ct-green-800:204 250 220;--ct-green-900:240 253 244;--ct-green-950:240 253 244; --ct-emerald-50:236 253 245;--ct-emerald-100:209 250 229;--ct-emerald-200:167 243 208;--ct-emerald-300:110 231 183;--ct-emerald-400:52 211 153;--ct-emerald-500:37 198 141;--ct-emerald-600:85 221 168;--ct-emerald-700:140 237 195;--ct-emerald-800:189 247 218;--ct-emerald-900:236 253 245;--ct-emerald-950:236 253 245; --ct-teal-50:240 253 250;--ct-teal-100:204 251 241;--ct-teal-200:153 246 228;--ct-teal-300:94 234 212;--ct-teal-400:45 212 191;--ct-teal-500:34 198 178;--ct-teal-600:72 223 201;--ct-teal-700:126 240 220;--ct-teal-800:180 249 234;--ct-teal-900:240 253 250;--ct-teal-950:240 253 250; --ct-cyan-50:236 254 255;--ct-cyan-100:207 250 254;--ct-cyan-200:165 243 252;--ct-cyan-300:103 232 249;--ct-cyan-400:34 211 238;--ct-cyan-500:22 196 225;--ct-cyan-600:75 222 244;--ct-cyan-700:137 238 251;--ct-cyan-800:187 247 253;--ct-cyan-900:236 254 255;--ct-cyan-950:236 254 255; --ct-sky-50:240 249 255;--ct-sky-100:224 242 254;--ct-sky-200:186 230 253;--ct-sky-300:125 211 252;--ct-sky-400:56 189 248;--ct-sky-500:39 177 241;--ct-sky-600:95 200 250;--ct-sky-700:157 221 253;--ct-sky-800:205 236 254;--ct-sky-900:240 249 255;--ct-sky-950:240 249 255; --ct-blue-50:239 246 255;--ct-blue-100:219 234 254;--ct-blue-200:191 219 254;--ct-blue-300:147 197 253;--ct-blue-400:96 165 250;--ct-blue-500:77 148 248;--ct-blue-600:122 181 252;--ct-blue-700:169 208 254;--ct-blue-800:205 227 254;--ct-blue-900:239 246 255;--ct-blue-950:239 246 255; --ct-indigo-50:238 242 255;--ct-indigo-100:224 231 255;--ct-indigo-200:199 210 254;--ct-indigo-300:165 180 252;--ct-indigo-400:129 140 248;--ct-indigo-500:113 122 245;--ct-indigo-600:147 160 250;--ct-indigo-700:182 195 253;--ct-indigo-800:211 221 255;--ct-indigo-900:238 242 255;--ct-indigo-950:238 242 255; --ct-violet-50:245 243 255;--ct-violet-100:237 233 254;--ct-violet-200:221 214 254;--ct-violet-300:196 181 253;--ct-violet-400:167 139 250;--ct-violet-500:153 117 248;--ct-violet-600:181 160 252;--ct-violet-700:208 198 254;--ct-violet-800:229 224 254;--ct-violet-900:245 243 255;--ct-violet-950:245 243 255; --ct-purple-50:250 245 255;--ct-purple-100:243 232 255;--ct-purple-200:233 213 255;--ct-purple-300:216 180 254;--ct-purple-400:192 132 252;--ct-purple-500:180 110 250;--ct-purple-600:204 156 253;--ct-purple-700:224 197 255;--ct-purple-800:238 223 255;--ct-purple-900:250 245 255;--ct-purple-950:250 245 255; --ct-fuchsia-50:253 244 255;--ct-fuchsia-100:250 232 255;--ct-fuchsia-200:245 208 254;--ct-fuchsia-300:240 171 252;--ct-fuchsia-400:232 121 249;--ct-fuchsia-500:225 98 244;--ct-fuchsia-600:236 147 251;--ct-fuchsia-700:243 190 253;--ct-fuchsia-800:248 220 255;--ct-fuchsia-900:253 244 255;--ct-fuchsia-950:253 244 255; --ct-pink-50:253 242 248;--ct-pink-100:252 231 243;--ct-pink-200:251 207 232;--ct-pink-300:249 168 212;--ct-pink-400:244 114 182;--ct-pink-500:240 94 167;--ct-pink-600:247 142 197;--ct-pink-700:250 188 222;--ct-pink-800:252 219 238;--ct-pink-900:253 242 248;--ct-pink-950:253 242 248; --ct-rose-50:255 241 242;--ct-rose-100:255 228 230;--ct-rose-200:254 205 211;--ct-rose-300:253 164 175;--ct-rose-400:251 113 133;--ct-rose-500:248 90 114;--ct-rose-600:253 139 154;--ct-rose-700:254 185 193;--ct-rose-800:255 217 220;--ct-rose-900:255 241 242;--ct-rose-950:255 241 242; /* BORDAS / ANÉIS — --cr-- */ --cr-white: 26 29 35; --cr-black: 0 0 0; --cr-slate-50:28 41 54;--cr-slate-100:29 47 65;--cr-slate-200:39 56 78;--cr-slate-300:45 68 96;--cr-slate-400:66 84 109;--cr-slate-500:83 100 125;--cr-slate-600:102 118 141;--cr-slate-700:40 47 58;--cr-slate-800:32 38 48;--cr-slate-900:25 29 37;--cr-slate-950:18 21 27; --cr-gray-50:35 40 47;--cr-gray-100:40 46 55;--cr-gray-200:49 55 66;--cr-gray-300:59 67 81;--cr-gray-400:74 83 97;--cr-gray-500:90 100 114;--cr-gray-600:107 118 134;--cr-gray-700:42 47 56;--cr-gray-800:34 38 46;--cr-gray-900:26 29 35;--cr-gray-950:19 21 25; --cr-zinc-50:40 40 40;--cr-zinc-100:45 45 50;--cr-zinc-200:54 54 62;--cr-zinc-300:66 66 75;--cr-zinc-400:81 81 92;--cr-zinc-500:98 98 108;--cr-zinc-600:116 116 126;--cr-zinc-700:46 46 50;--cr-zinc-800:38 38 39;--cr-zinc-900:29 29 30;--cr-zinc-950:21 21 22; --cr-neutral-50:40 40 40;--cr-neutral-100:46 46 46;--cr-neutral-200:55 55 55;--cr-neutral-300:67 67 67;--cr-neutral-400:82 82 82;--cr-neutral-500:99 99 99;--cr-neutral-600:117 117 117;--cr-neutral-700:47 47 47;--cr-neutral-800:38 38 38;--cr-neutral-900:29 29 29;--cr-neutral-950:21 21 21; --cr-stone-50:40 40 34;--cr-stone-100:46 46 41;--cr-stone-200:59 53 51;--cr-stone-300:72 65 61;--cr-stone-400:88 81 76;--cr-stone-500:105 98 92;--cr-stone-600:121 116 111;--cr-stone-700:49 46 44;--cr-stone-800:40 37 37;--cr-stone-900:30 29 28;--cr-stone-950:21 21 20; --cr-red-50:66 41 44;--cr-red-100:82 45 47;--cr-red-200:102 50 50;--cr-red-300:123 54 54;--cr-red-400:248 113 113;--cr-red-500:239 68 68;--cr-red-600:220 38 38;--cr-red-700:185 28 28;--cr-red-800:153 27 27;--cr-red-900:127 29 29;--cr-red-950:96 36 32; --cr-orange-50:66 47 42;--cr-orange-100:83 54 43;--cr-orange-200:104 62 45;--cr-orange-300:126 71 45;--cr-orange-400:251 146 60;--cr-orange-500:249 115 22;--cr-orange-600:234 88 12;--cr-orange-700:194 65 12;--cr-orange-800:154 52 18;--cr-orange-900:124 45 18;--cr-orange-950:90 41 28; --cr-amber-50:64 53 43;--cr-amber-100:80 63 45;--cr-amber-200:101 75 47;--cr-amber-300:123 88 48;--cr-amber-400:251 191 36;--cr-amber-500:245 158 11;--cr-amber-600:217 119 6;--cr-amber-700:180 83 9;--cr-amber-800:146 64 14;--cr-amber-900:120 53 15;--cr-amber-950:89 44 22; --cr-yellow-50:62 56 44;--cr-yellow-100:77 67 46;--cr-yellow-200:97 82 48;--cr-yellow-300:118 97 49;--cr-yellow-400:250 204 21;--cr-yellow-500:234 179 8;--cr-yellow-600:202 138 4;--cr-yellow-700:161 98 7;--cr-yellow-800:133 77 14;--cr-yellow-900:113 63 18;--cr-yellow-950:83 47 22; --cr-lime-50:45 60 44;--cr-lime-100:53 73 46;--cr-lime-200:63 90 48;--cr-lime-300:74 107 49;--cr-lime-400:163 230 53;--cr-lime-500:132 204 22;--cr-lime-600:101 163 13;--cr-lime-700:77 124 15;--cr-lime-800:63 98 18;--cr-lime-900:54 83 20;--cr-lime-950:41 62 21; --cr-green-50:35 59 48;--cr-green-100:38 71 53;--cr-green-200:41 88 60;--cr-green-300:43 104 65;--cr-green-400:74 222 128;--cr-green-500:34 197 94;--cr-green-600:22 163 74;--cr-green-700:21 128 61;--cr-green-800:22 101 52;--cr-green-900:20 83 45;--cr-green-950:23 62 37; --cr-emerald-50:34 57 53;--cr-emerald-100:37 68 60;--cr-emerald-200:39 83 69;--cr-emerald-300:40 99 78;--cr-emerald-400:52 211 153;--cr-emerald-500:16 185 129;--cr-emerald-600:5 150 105;--cr-emerald-700:4 120 87;--cr-emerald-800:6 95 70;--cr-emerald-900:6 78 59;--cr-emerald-950:23 62 51; --cr-teal-50:35 56 58;--cr-teal-100:37 68 68;--cr-teal-200:39 83 81;--cr-teal-300:41 98 94;--cr-teal-400:45 212 191;--cr-teal-500:20 184 166;--cr-teal-600:13 148 136;--cr-teal-700:15 118 110;--cr-teal-800:17 94 89;--cr-teal-900:19 78 74;--cr-teal-950:23 63 61; --cr-cyan-50:34 56 66;--cr-cyan-100:37 67 79;--cr-cyan-200:39 82 96;--cr-cyan-300:40 97 114;--cr-cyan-400:34 211 238;--cr-cyan-500:6 182 212;--cr-cyan-600:8 145 178;--cr-cyan-700:14 116 144;--cr-cyan-800:21 94 117;--cr-cyan-900:22 78 99;--cr-cyan-950:18 59 76; --cr-sky-50:34 53 70;--cr-sky-100:36 64 84;--cr-sky-200:38 77 103;--cr-sky-300:39 90 123;--cr-sky-400:56 189 248;--cr-sky-500:14 165 233;--cr-sky-600:2 132 199;--cr-sky-700:3 105 161;--cr-sky-800:7 89 133;--cr-sky-900:12 74 110;--cr-sky-950:20 57 84; --cr-blue-50:34 48 72;--cr-blue-100:37 56 88;--cr-blue-200:41 66 108;--cr-blue-300:44 76 129;--cr-blue-400:96 165 250;--cr-blue-500:59 130 246;--cr-blue-600:37 99 235;--cr-blue-700:29 78 216;--cr-blue-800:30 64 175;--cr-blue-900:30 58 138;--cr-blue-950:37 53 101; --cr-indigo-50:39 44 71;--cr-indigo-100:44 50 87;--cr-indigo-200:51 57 107;--cr-indigo-300:58 64 127;--cr-indigo-400:129 140 248;--cr-indigo-500:99 102 241;--cr-indigo-600:79 70 229;--cr-indigo-700:67 56 202;--cr-indigo-800:55 48 163;--cr-indigo-900:49 46 129;--cr-indigo-950:51 51 101; --cr-violet-50:46 43 72;--cr-violet-100:54 48 88;--cr-violet-200:65 54 108;--cr-violet-300:76 61 129;--cr-violet-400:167 139 250;--cr-violet-500:139 92 246;--cr-violet-600:124 58 237;--cr-violet-700:109 40 217;--cr-violet-800:91 33 182;--cr-violet-900:76 29 149;--cr-violet-950:63 38 122; --cr-purple-50:51 42 72;--cr-purple-100:62 47 88;--cr-purple-200:75 53 108;--cr-purple-300:90 58 129;--cr-purple-400:192 132 252;--cr-purple-500:168 85 247;--cr-purple-600:147 51 234;--cr-purple-700:126 34 206;--cr-purple-800:107 33 168;--cr-purple-900:88 28 135;--cr-purple-950:77 33 121; --cr-fuchsia-50:61 41 71;--cr-fuchsia-100:75 45 86;--cr-fuchsia-200:93 50 106;--cr-fuchsia-300:112 54 126;--cr-fuchsia-400:232 121 249;--cr-fuchsia-500:217 70 239;--cr-fuchsia-600:192 38 211;--cr-fuchsia-700:162 28 175;--cr-fuchsia-800:134 25 143;--cr-fuchsia-900:112 26 117;--cr-fuchsia-950:91 26 95; --cr-pink-50:65 41 56;--cr-pink-100:81 45 65;--cr-pink-200:101 50 76;--cr-pink-300:121 54 88;--cr-pink-400:244 114 182;--cr-pink-500:236 72 153;--cr-pink-600:219 39 119;--cr-pink-700:190 24 93;--cr-pink-800:157 23 77;--cr-pink-900:131 24 67;--cr-pink-950:101 30 53; --cr-rose-50:67 40 47;--cr-rose-100:83 44 52;--cr-rose-200:104 49 58;--cr-rose-300:125 53 64;--cr-rose-400:251 113 133;--cr-rose-500:244 63 94;--cr-rose-600:225 29 72;--cr-rose-700:190 18 60;--cr-rose-800:159 18 57;--cr-rose-900:136 19 55;--cr-rose-950:100 30 44; } /* <<< FIM-PALETA-TAILWIND-GERADA <<< */ /* ----------------------------------------------------------------------------- * 3. BASE — só toca no tema escuro, para o claro ficar intocado * -------------------------------------------------------------------------- */ /* `color-scheme` entrega de graça: scrollbar nativa escura, . É a linha com melhor custo-benefício do arquivo inteiro. */ :root[data-theme="dark"] { color-scheme: dark; /* Pinta o : o primeiro paint já sai escuro mesmo antes do body existir. (`:root[data-theme=dark]` funciona onde `[data-theme=dark] html` não funcionaria.) */ background-color: var(--ag-bg); } :root[data-theme="light"] { color-scheme: light; } [data-theme="dark"] body { background-color: var(--ag-bg); color: var(--ag-text); } /* Transição só ao TROCAR de tema (a classe é posta e removida por theme.js). Deixar transição sempre ligada faria hover/foco parecerem lentos. */ .tema-em-transicao, .tema-em-transicao *, .tema-em-transicao *::before, .tema-em-transicao *::after { transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, fill 180ms ease, stroke 180ms ease !important; transition-delay: 0ms !important; } @media (prefers-reduced-motion: reduce) { .tema-em-transicao, .tema-em-transicao * { transition: none !important; } } /* ----------------------------------------------------------------------------- * 4. SCROLLBAR * `color-scheme` já resolve o essencial; isto é o acabamento para os elementos * que declaram `::-webkit-scrollbar` próprio (a barra vira invisível sem isto). * -------------------------------------------------------------------------- */ [data-theme="dark"] ::-webkit-scrollbar { width: 10px; height: 10px; } [data-theme="dark"] ::-webkit-scrollbar-track { background: var(--ag-scrollbar-track); } [data-theme="dark"] ::-webkit-scrollbar-thumb { background-color: var(--ag-scrollbar-thumb); border-radius: 999px; border: 2px solid transparent; background-clip: content-box; } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background-color: var(--ag-scrollbar-thumb-hover); } [data-theme="dark"] ::-webkit-scrollbar-corner { background: transparent; } /* ----------------------------------------------------------------------------- * 5. FORMULÁRIOS * Os campos do app quase nunca declaram `bg-white` — herdam o branco do user-agent. * Sem estas regras eles continuariam brancos no escuro (o erro mais visível de todos). * -------------------------------------------------------------------------- */ [data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]), [data-theme="dark"] textarea, [data-theme="dark"] select { background-color: var(--ag-input-bg); border-color: var(--ag-input-border); color: var(--ag-input-text); } [data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder { color: var(--ag-input-placeholder); opacity: 1; /* Firefox aplica opacidade própria e apaga o placeholder */ } [data-theme="dark"] input:disabled, [data-theme="dark"] textarea:disabled, [data-theme="dark"] select:disabled { background-color: var(--ag-input-disabled-bg); color: var(--ag-input-disabled-text); -webkit-text-fill-color: var(--ag-input-disabled-text); /* Safari ignora `color` no disabled */ } [data-theme="dark"] option, [data-theme="dark"] optgroup { background-color: var(--ag-overlay-bg); color: var(--ag-text); } /* Autofill do Chrome: força um amarelo/azul claro por baixo do pano. `color-scheme` resolve na maioria das versões; o inset shadow é a rede de segurança. */ [data-theme="dark"] input:-webkit-autofill, [data-theme="dark"] input:-webkit-autofill:hover, [data-theme="dark"] input:-webkit-autofill:focus, [data-theme="dark"] textarea:-webkit-autofill, [data-theme="dark"] select:-webkit-autofill { -webkit-text-fill-color: var(--ag-input-text); -webkit-box-shadow: 0 0 0 1000px var(--ag-input-bg) inset; caret-color: var(--ag-input-text); } /* Ícone nativo do date/time/search picker é preto — invisível no escuro. */ [data-theme="dark"] ::-webkit-calendar-picker-indicator, [data-theme="dark"] ::-webkit-search-cancel-button { filter: invert(1) opacity(0.75); } /* ----------------------------------------------------------------------------- * 6. AJUSTES DE COMPONENTE QUE A TROCA DE PALETA NÃO ALCANÇA * -------------------------------------------------------------------------- */ /* `` (instancia, administrador, disparo_whatsapp) usa o cinza como FUNDO DE PÁGINA, enquanto `hover:bg-gray-100` usa como elevação. Como a variável só pode servir a um dos dois, o body é corrigido aqui pontualmente. */ [data-theme="dark"] body.bg-gray-50, [data-theme="dark"] body.bg-gray-100, [data-theme="dark"] body.bg-gray-200 { background-color: var(--ag-bg); } /* Trilhos e áreas roláveis grandes que no claro eram brancas e no escuro precisam ficar no nível da página, não no do card. */ [data-theme="dark"] #mainContent { background-color: var(--ag-bg); } /* Modal flutua ACIMA dos cards, então precisa de um degrau a mais de elevação — senão o painel do modal fica exatamente da cor do card que está atrás e o véu é a única coisa separando os dois. O padrão do app é um overlay `fixed inset-0` com o painel `bg-white` dentro; é esse painel que sobe aqui. */ [data-theme="dark"] .fixed.inset-0 .bg-white { background-color: var(--ag-overlay-bg); } /* Divisórias que o Tailwind desenha com `border` sem cor explícita. */ [data-theme="dark"] hr { border-color: var(--ag-divider); } /* Marcação de busca — o amarelo padrão do user-agent estoura no escuro. */ [data-theme="dark"] mark { background-color: #4a3f16; color: #fde68a; } /* Código/pre sem classe de cor herdam fundo transparente e somem. */ [data-theme="dark"] pre:not([class*="bg-"]), [data-theme="dark"] code:not([class*="bg-"]):not([class*="text-"]) { background-color: var(--ag-surface-sunken); color: var(--ag-text-secondary); } /* Seleção de texto: o azul padrão do sistema fica ilegível sobre superfície escura. */ [data-theme="dark"] ::selection { background-color: #33396b; color: #eaedf3; } /* Imagem/ícone que é preto sobre fundo transparente (logos monocromáticos em ). Opt-in por classe — nunca automático, para não inverter foto de cliente. */ [data-theme="dark"] .tema-inverter-img { filter: invert(1) hue-rotate(180deg); } /* Logos enviados pelo CLIENTE (PNG transparente, quase sempre desenhado para papel branco). Não dá para saber a cor da tinta, então em vez de inverter — o que destruiria logo colorido — colocamos um cartão claro atrás. Vale só para os elementos de logo conhecidos, nunca para em geral. */ [data-theme="dark"] #headerLogo, [data-theme="dark"] #empresaLogo, [data-theme="dark"] #instanceLogoImg, [data-theme="dark"] #linkRapidoLogoImg, [data-theme="dark"] #linkLogoPreviewImg, [data-theme="dark"] .tema-logo-em-cartao { background-color: #e8eaee; } /* ----------------------------------------------------------------------------- * 6b. BIBLIOTECAS DE TERCEIROS * CSS que vem de CDN não conhece nossas variáveis. Aqui cada uma é reconciliada. * -------------------------------------------------------------------------- */ /* FullCalendar v6 (agenda.html) — expõe uma API de variáveis própria; usá-la é melhor do que perseguir as classes `.fc-*` uma a uma. */ [data-theme="dark"] .fc { --fc-page-bg-color: var(--ag-surface); --fc-border-color: var(--ag-border); --fc-neutral-bg-color: var(--ag-surface-2); --fc-neutral-text-color: var(--ag-text-muted); --fc-today-bg-color: rgb(99 102 241 / 0.12); --fc-now-indicator-color: #f87171; --fc-highlight-color: rgb(99 102 241 / 0.18); --fc-non-business-color: rgb(255 255 255 / 0.03); --fc-list-event-hover-bg-color: var(--ag-surface-2); --fc-more-link-bg-color: var(--ag-surface-3); --fc-more-link-text-color: var(--ag-text-secondary); --fc-event-selected-overlay-color: rgb(255 255 255 / 0.14); color: var(--ag-text); } /* Cabeçalhos de dia/semana e números do mês vêm com cor herdada do tema claro. */ [data-theme="dark"] .fc .fc-col-header-cell-cushion, [data-theme="dark"] .fc .fc-daygrid-day-number, [data-theme="dark"] .fc .fc-list-day-text, [data-theme="dark"] .fc .fc-list-day-side-text, [data-theme="dark"] .fc .fc-timegrid-axis-cushion, [data-theme="dark"] .fc .fc-timegrid-slot-label-cushion { color: var(--ag-text-secondary); } [data-theme="dark"] .fc .fc-toolbar-title { color: var(--ag-text); } [data-theme="dark"] .fc .fc-day-other .fc-daygrid-day-top { opacity: 0.38; } [data-theme="dark"] .fc .fc-list-empty { background-color: var(--ag-surface-2); color: var(--ag-text-muted); } [data-theme="dark"] .fc .fc-scrollgrid, [data-theme="dark"] .fc .fc-scrollgrid td, [data-theme="dark"] .fc .fc-scrollgrid th { border-color: var(--ag-border); } /* O botão desabilitado do FullCalendar fica quase invisível sobre superfície escura. */ [data-theme="dark"] .fc .fc-button:disabled { opacity: 0.4; } /* flatpickr (agenda.html, instancia.html) — só o tema claro é carregado do CDN. Sem isto o calendário abre como um retângulo branco no meio da tela escura. */ [data-theme="dark"] .flatpickr-calendar { background: var(--ag-overlay-bg); color: var(--ag-text); border: 1px solid var(--ag-border); box-shadow: 0 12px 32px rgb(0 0 0 / 0.55); } [data-theme="dark"] .flatpickr-calendar.arrowTop::before { border-bottom-color: var(--ag-border); } [data-theme="dark"] .flatpickr-calendar.arrowTop::after { border-bottom-color: var(--ag-overlay-bg); } [data-theme="dark"] .flatpickr-calendar.arrowBottom::before { border-top-color: var(--ag-border); } [data-theme="dark"] .flatpickr-calendar.arrowBottom::after { border-top-color: var(--ag-overlay-bg); } [data-theme="dark"] .flatpickr-months, [data-theme="dark"] .flatpickr-month, [data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months { background: transparent; color: var(--ag-text); fill: var(--ag-text); } [data-theme="dark"] .flatpickr-monthDropdown-month { background: var(--ag-overlay-bg); color: var(--ag-text); } [data-theme="dark"] .flatpickr-prev-month svg, [data-theme="dark"] .flatpickr-next-month svg { fill: var(--ag-text-secondary); } [data-theme="dark"] .flatpickr-prev-month:hover svg, [data-theme="dark"] .flatpickr-next-month:hover svg { fill: var(--ag-accent); } [data-theme="dark"] .flatpickr-weekdays { background: transparent; } [data-theme="dark"] span.flatpickr-weekday { background: transparent; color: var(--ag-text-muted); } [data-theme="dark"] .flatpickr-days, [data-theme="dark"] .dayContainer { background: transparent; } [data-theme="dark"] .flatpickr-day { color: var(--ag-text-secondary); border-color: transparent; background: transparent; } [data-theme="dark"] .flatpickr-day:hover, [data-theme="dark"] .flatpickr-day:focus { background: var(--ag-surface-3); border-color: var(--ag-surface-3); color: var(--ag-text); } [data-theme="dark"] .flatpickr-day.today { border-color: var(--ag-accent); color: var(--ag-text); } [data-theme="dark"] .flatpickr-day.selected, [data-theme="dark"] .flatpickr-day.startRange, [data-theme="dark"] .flatpickr-day.endRange, [data-theme="dark"] .flatpickr-day.selected:hover { background: var(--ag-accent); border-color: var(--ag-accent); color: var(--ag-on-accent); } [data-theme="dark"] .flatpickr-day.inRange { background: var(--ag-accent-soft); border-color: var(--ag-accent-soft); box-shadow: none; } [data-theme="dark"] .flatpickr-day.flatpickr-disabled, [data-theme="dark"] .flatpickr-day.prevMonthDay, [data-theme="dark"] .flatpickr-day.nextMonthDay { color: var(--ag-text-disabled); } [data-theme="dark"] .flatpickr-time, [data-theme="dark"] .flatpickr-time input, [data-theme="dark"] .flatpickr-time .flatpickr-am-pm { background: var(--ag-overlay-bg); color: var(--ag-text); border-color: var(--ag-border); } [data-theme="dark"] .flatpickr-time input:hover, [data-theme="dark"] .flatpickr-time .flatpickr-am-pm:hover { background: var(--ag-surface-3); } [data-theme="dark"] .numInputWrapper span { border-color: var(--ag-border); } [data-theme="dark"] .numInputWrapper span:hover { background: var(--ag-surface-3); } [data-theme="dark"] .numInputWrapper span.arrowUp::after { border-bottom-color: var(--ag-text-muted); } [data-theme="dark"] .numInputWrapper span.arrowDown::after { border-top-color: var(--ag-text-muted); } /* ----------------------------------------------------------------------------- * 7. ESCOTILHA DE ESCAPE — `.tema-fixo-claro` * Redeclara as variáveis de paleta com os valores do tema CLARO dentro de uma * subárvore. Serve para o que deve ficar claro mesmo no escuro: pré-visualização * de e-mail, área de impressão, print de material de marca. * Como as utilities do Tailwind leem as variáveis por herança do CSS, uma única * redeclaração local reverte a subárvore inteira sem tocar em classe nenhuma. * -------------------------------------------------------------------------- */ /* >>> ESCOTILHA-GERADA — gerado por theme-build/build-theme.js, NÃO EDITAR >>> */ [data-theme="dark"] .tema-fixo-claro { color-scheme: light; color: #111827; --cb-white: 255 255 255; --cb-black: 0 0 0; --cb-slate-50:248 250 252;--cb-slate-100:241 245 249;--cb-slate-200:226 232 240;--cb-slate-300:203 213 225;--cb-slate-400:148 163 184;--cb-slate-500:100 116 139;--cb-slate-600:71 85 105;--cb-slate-700:51 65 85;--cb-slate-800:30 41 59;--cb-slate-900:15 23 42;--cb-slate-950:2 6 23; --cb-gray-50:249 250 251;--cb-gray-100:243 244 246;--cb-gray-200:229 231 235;--cb-gray-300:209 213 219;--cb-gray-400:156 163 175;--cb-gray-500:107 114 128;--cb-gray-600:75 85 99;--cb-gray-700:55 65 81;--cb-gray-800:31 41 55;--cb-gray-900:17 24 39;--cb-gray-950:3 7 18; --cb-zinc-50:250 250 250;--cb-zinc-100:244 244 245;--cb-zinc-200:228 228 231;--cb-zinc-300:212 212 216;--cb-zinc-400:161 161 170;--cb-zinc-500:113 113 122;--cb-zinc-600:82 82 91;--cb-zinc-700:63 63 70;--cb-zinc-800:39 39 42;--cb-zinc-900:24 24 27;--cb-zinc-950:9 9 11; --cb-neutral-50:250 250 250;--cb-neutral-100:245 245 245;--cb-neutral-200:229 229 229;--cb-neutral-300:212 212 212;--cb-neutral-400:163 163 163;--cb-neutral-500:115 115 115;--cb-neutral-600:82 82 82;--cb-neutral-700:64 64 64;--cb-neutral-800:38 38 38;--cb-neutral-900:23 23 23;--cb-neutral-950:10 10 10; --cb-stone-50:250 250 249;--cb-stone-100:245 245 244;--cb-stone-200:231 229 228;--cb-stone-300:214 211 209;--cb-stone-400:168 162 158;--cb-stone-500:120 113 108;--cb-stone-600:87 83 78;--cb-stone-700:68 64 60;--cb-stone-800:41 37 36;--cb-stone-900:28 25 23;--cb-stone-950:12 10 9; --cb-red-50:254 242 242;--cb-red-100:254 226 226;--cb-red-200:254 202 202;--cb-red-300:252 165 165;--cb-red-400:248 113 113;--cb-red-500:239 68 68;--cb-red-600:220 38 38;--cb-red-700:185 28 28;--cb-red-800:153 27 27;--cb-red-900:127 29 29;--cb-red-950:69 10 10; --cb-orange-50:255 247 237;--cb-orange-100:255 237 213;--cb-orange-200:254 215 170;--cb-orange-300:253 186 116;--cb-orange-400:251 146 60;--cb-orange-500:249 115 22;--cb-orange-600:234 88 12;--cb-orange-700:194 65 12;--cb-orange-800:154 52 18;--cb-orange-900:124 45 18;--cb-orange-950:67 20 7; --cb-amber-50:255 251 235;--cb-amber-100:254 243 199;--cb-amber-200:253 230 138;--cb-amber-300:252 211 77;--cb-amber-400:251 191 36;--cb-amber-500:245 158 11;--cb-amber-600:217 119 6;--cb-amber-700:180 83 9;--cb-amber-800:146 64 14;--cb-amber-900:120 53 15;--cb-amber-950:69 26 3; --cb-yellow-50:254 252 232;--cb-yellow-100:254 249 195;--cb-yellow-200:254 240 138;--cb-yellow-300:253 224 71;--cb-yellow-400:250 204 21;--cb-yellow-500:234 179 8;--cb-yellow-600:202 138 4;--cb-yellow-700:161 98 7;--cb-yellow-800:133 77 14;--cb-yellow-900:113 63 18;--cb-yellow-950:66 32 6; --cb-lime-50:247 254 231;--cb-lime-100:236 252 203;--cb-lime-200:217 249 157;--cb-lime-300:190 242 100;--cb-lime-400:163 230 53;--cb-lime-500:132 204 22;--cb-lime-600:101 163 13;--cb-lime-700:77 124 15;--cb-lime-800:63 98 18;--cb-lime-900:54 83 20;--cb-lime-950:26 46 5; --cb-green-50:240 253 244;--cb-green-100:220 252 231;--cb-green-200:187 247 208;--cb-green-300:134 239 172;--cb-green-400:74 222 128;--cb-green-500:34 197 94;--cb-green-600:22 163 74;--cb-green-700:21 128 61;--cb-green-800:22 101 52;--cb-green-900:20 83 45;--cb-green-950:5 46 22; --cb-emerald-50:236 253 245;--cb-emerald-100:209 250 229;--cb-emerald-200:167 243 208;--cb-emerald-300:110 231 183;--cb-emerald-400:52 211 153;--cb-emerald-500:16 185 129;--cb-emerald-600:5 150 105;--cb-emerald-700:4 120 87;--cb-emerald-800:6 95 70;--cb-emerald-900:6 78 59;--cb-emerald-950:2 44 34; --cb-teal-50:240 253 250;--cb-teal-100:204 251 241;--cb-teal-200:153 246 228;--cb-teal-300:94 234 212;--cb-teal-400:45 212 191;--cb-teal-500:20 184 166;--cb-teal-600:13 148 136;--cb-teal-700:15 118 110;--cb-teal-800:17 94 89;--cb-teal-900:19 78 74;--cb-teal-950:4 47 46; --cb-cyan-50:236 254 255;--cb-cyan-100:207 250 254;--cb-cyan-200:165 243 252;--cb-cyan-300:103 232 249;--cb-cyan-400:34 211 238;--cb-cyan-500:6 182 212;--cb-cyan-600:8 145 178;--cb-cyan-700:14 116 144;--cb-cyan-800:21 94 117;--cb-cyan-900:22 78 99;--cb-cyan-950:8 51 68; --cb-sky-50:240 249 255;--cb-sky-100:224 242 254;--cb-sky-200:186 230 253;--cb-sky-300:125 211 252;--cb-sky-400:56 189 248;--cb-sky-500:14 165 233;--cb-sky-600:2 132 199;--cb-sky-700:3 105 161;--cb-sky-800:7 89 133;--cb-sky-900:12 74 110;--cb-sky-950:8 47 73; --cb-blue-50:239 246 255;--cb-blue-100:219 234 254;--cb-blue-200:191 219 254;--cb-blue-300:147 197 253;--cb-blue-400:96 165 250;--cb-blue-500:59 130 246;--cb-blue-600:37 99 235;--cb-blue-700:29 78 216;--cb-blue-800:30 64 175;--cb-blue-900:30 58 138;--cb-blue-950:23 37 84; --cb-indigo-50:238 242 255;--cb-indigo-100:224 231 255;--cb-indigo-200:199 210 254;--cb-indigo-300:165 180 252;--cb-indigo-400:129 140 248;--cb-indigo-500:99 102 241;--cb-indigo-600:79 70 229;--cb-indigo-700:67 56 202;--cb-indigo-800:55 48 163;--cb-indigo-900:49 46 129;--cb-indigo-950:30 27 75; --cb-violet-50:245 243 255;--cb-violet-100:237 233 254;--cb-violet-200:221 214 254;--cb-violet-300:196 181 253;--cb-violet-400:167 139 250;--cb-violet-500:139 92 246;--cb-violet-600:124 58 237;--cb-violet-700:109 40 217;--cb-violet-800:91 33 182;--cb-violet-900:76 29 149;--cb-violet-950:46 16 101; --cb-purple-50:250 245 255;--cb-purple-100:243 232 255;--cb-purple-200:233 213 255;--cb-purple-300:216 180 254;--cb-purple-400:192 132 252;--cb-purple-500:168 85 247;--cb-purple-600:147 51 234;--cb-purple-700:126 34 206;--cb-purple-800:107 33 168;--cb-purple-900:88 28 135;--cb-purple-950:59 7 100; --cb-fuchsia-50:253 244 255;--cb-fuchsia-100:250 232 255;--cb-fuchsia-200:245 208 254;--cb-fuchsia-300:240 171 252;--cb-fuchsia-400:232 121 249;--cb-fuchsia-500:217 70 239;--cb-fuchsia-600:192 38 211;--cb-fuchsia-700:162 28 175;--cb-fuchsia-800:134 25 143;--cb-fuchsia-900:112 26 117;--cb-fuchsia-950:74 4 78; --cb-pink-50:253 242 248;--cb-pink-100:252 231 243;--cb-pink-200:251 207 232;--cb-pink-300:249 168 212;--cb-pink-400:244 114 182;--cb-pink-500:236 72 153;--cb-pink-600:219 39 119;--cb-pink-700:190 24 93;--cb-pink-800:157 23 77;--cb-pink-900:131 24 67;--cb-pink-950:80 7 36; --cb-rose-50:255 241 242;--cb-rose-100:255 228 230;--cb-rose-200:254 205 211;--cb-rose-300:253 164 175;--cb-rose-400:251 113 133;--cb-rose-500:244 63 94;--cb-rose-600:225 29 72;--cb-rose-700:190 18 60;--cb-rose-800:159 18 57;--cb-rose-900:136 19 55;--cb-rose-950:76 5 25; --ct-white: 255 255 255; --ct-black: 0 0 0; --ct-slate-50:248 250 252;--ct-slate-100:241 245 249;--ct-slate-200:226 232 240;--ct-slate-300:203 213 225;--ct-slate-400:148 163 184;--ct-slate-500:100 116 139;--ct-slate-600:71 85 105;--ct-slate-700:51 65 85;--ct-slate-800:30 41 59;--ct-slate-900:15 23 42;--ct-slate-950:2 6 23; --ct-gray-50:249 250 251;--ct-gray-100:243 244 246;--ct-gray-200:229 231 235;--ct-gray-300:209 213 219;--ct-gray-400:156 163 175;--ct-gray-500:107 114 128;--ct-gray-600:75 85 99;--ct-gray-700:55 65 81;--ct-gray-800:31 41 55;--ct-gray-900:17 24 39;--ct-gray-950:3 7 18; --ct-zinc-50:250 250 250;--ct-zinc-100:244 244 245;--ct-zinc-200:228 228 231;--ct-zinc-300:212 212 216;--ct-zinc-400:161 161 170;--ct-zinc-500:113 113 122;--ct-zinc-600:82 82 91;--ct-zinc-700:63 63 70;--ct-zinc-800:39 39 42;--ct-zinc-900:24 24 27;--ct-zinc-950:9 9 11; --ct-neutral-50:250 250 250;--ct-neutral-100:245 245 245;--ct-neutral-200:229 229 229;--ct-neutral-300:212 212 212;--ct-neutral-400:163 163 163;--ct-neutral-500:115 115 115;--ct-neutral-600:82 82 82;--ct-neutral-700:64 64 64;--ct-neutral-800:38 38 38;--ct-neutral-900:23 23 23;--ct-neutral-950:10 10 10; --ct-stone-50:250 250 249;--ct-stone-100:245 245 244;--ct-stone-200:231 229 228;--ct-stone-300:214 211 209;--ct-stone-400:168 162 158;--ct-stone-500:120 113 108;--ct-stone-600:87 83 78;--ct-stone-700:68 64 60;--ct-stone-800:41 37 36;--ct-stone-900:28 25 23;--ct-stone-950:12 10 9; --ct-red-50:254 242 242;--ct-red-100:254 226 226;--ct-red-200:254 202 202;--ct-red-300:252 165 165;--ct-red-400:248 113 113;--ct-red-500:239 68 68;--ct-red-600:220 38 38;--ct-red-700:185 28 28;--ct-red-800:153 27 27;--ct-red-900:127 29 29;--ct-red-950:69 10 10; --ct-orange-50:255 247 237;--ct-orange-100:255 237 213;--ct-orange-200:254 215 170;--ct-orange-300:253 186 116;--ct-orange-400:251 146 60;--ct-orange-500:249 115 22;--ct-orange-600:234 88 12;--ct-orange-700:194 65 12;--ct-orange-800:154 52 18;--ct-orange-900:124 45 18;--ct-orange-950:67 20 7; --ct-amber-50:255 251 235;--ct-amber-100:254 243 199;--ct-amber-200:253 230 138;--ct-amber-300:252 211 77;--ct-amber-400:251 191 36;--ct-amber-500:245 158 11;--ct-amber-600:217 119 6;--ct-amber-700:180 83 9;--ct-amber-800:146 64 14;--ct-amber-900:120 53 15;--ct-amber-950:69 26 3; --ct-yellow-50:254 252 232;--ct-yellow-100:254 249 195;--ct-yellow-200:254 240 138;--ct-yellow-300:253 224 71;--ct-yellow-400:250 204 21;--ct-yellow-500:234 179 8;--ct-yellow-600:202 138 4;--ct-yellow-700:161 98 7;--ct-yellow-800:133 77 14;--ct-yellow-900:113 63 18;--ct-yellow-950:66 32 6; --ct-lime-50:247 254 231;--ct-lime-100:236 252 203;--ct-lime-200:217 249 157;--ct-lime-300:190 242 100;--ct-lime-400:163 230 53;--ct-lime-500:132 204 22;--ct-lime-600:101 163 13;--ct-lime-700:77 124 15;--ct-lime-800:63 98 18;--ct-lime-900:54 83 20;--ct-lime-950:26 46 5; --ct-green-50:240 253 244;--ct-green-100:220 252 231;--ct-green-200:187 247 208;--ct-green-300:134 239 172;--ct-green-400:74 222 128;--ct-green-500:34 197 94;--ct-green-600:22 163 74;--ct-green-700:21 128 61;--ct-green-800:22 101 52;--ct-green-900:20 83 45;--ct-green-950:5 46 22; --ct-emerald-50:236 253 245;--ct-emerald-100:209 250 229;--ct-emerald-200:167 243 208;--ct-emerald-300:110 231 183;--ct-emerald-400:52 211 153;--ct-emerald-500:16 185 129;--ct-emerald-600:5 150 105;--ct-emerald-700:4 120 87;--ct-emerald-800:6 95 70;--ct-emerald-900:6 78 59;--ct-emerald-950:2 44 34; --ct-teal-50:240 253 250;--ct-teal-100:204 251 241;--ct-teal-200:153 246 228;--ct-teal-300:94 234 212;--ct-teal-400:45 212 191;--ct-teal-500:20 184 166;--ct-teal-600:13 148 136;--ct-teal-700:15 118 110;--ct-teal-800:17 94 89;--ct-teal-900:19 78 74;--ct-teal-950:4 47 46; --ct-cyan-50:236 254 255;--ct-cyan-100:207 250 254;--ct-cyan-200:165 243 252;--ct-cyan-300:103 232 249;--ct-cyan-400:34 211 238;--ct-cyan-500:6 182 212;--ct-cyan-600:8 145 178;--ct-cyan-700:14 116 144;--ct-cyan-800:21 94 117;--ct-cyan-900:22 78 99;--ct-cyan-950:8 51 68; --ct-sky-50:240 249 255;--ct-sky-100:224 242 254;--ct-sky-200:186 230 253;--ct-sky-300:125 211 252;--ct-sky-400:56 189 248;--ct-sky-500:14 165 233;--ct-sky-600:2 132 199;--ct-sky-700:3 105 161;--ct-sky-800:7 89 133;--ct-sky-900:12 74 110;--ct-sky-950:8 47 73; --ct-blue-50:239 246 255;--ct-blue-100:219 234 254;--ct-blue-200:191 219 254;--ct-blue-300:147 197 253;--ct-blue-400:96 165 250;--ct-blue-500:59 130 246;--ct-blue-600:37 99 235;--ct-blue-700:29 78 216;--ct-blue-800:30 64 175;--ct-blue-900:30 58 138;--ct-blue-950:23 37 84; --ct-indigo-50:238 242 255;--ct-indigo-100:224 231 255;--ct-indigo-200:199 210 254;--ct-indigo-300:165 180 252;--ct-indigo-400:129 140 248;--ct-indigo-500:99 102 241;--ct-indigo-600:79 70 229;--ct-indigo-700:67 56 202;--ct-indigo-800:55 48 163;--ct-indigo-900:49 46 129;--ct-indigo-950:30 27 75; --ct-violet-50:245 243 255;--ct-violet-100:237 233 254;--ct-violet-200:221 214 254;--ct-violet-300:196 181 253;--ct-violet-400:167 139 250;--ct-violet-500:139 92 246;--ct-violet-600:124 58 237;--ct-violet-700:109 40 217;--ct-violet-800:91 33 182;--ct-violet-900:76 29 149;--ct-violet-950:46 16 101; --ct-purple-50:250 245 255;--ct-purple-100:243 232 255;--ct-purple-200:233 213 255;--ct-purple-300:216 180 254;--ct-purple-400:192 132 252;--ct-purple-500:168 85 247;--ct-purple-600:147 51 234;--ct-purple-700:126 34 206;--ct-purple-800:107 33 168;--ct-purple-900:88 28 135;--ct-purple-950:59 7 100; --ct-fuchsia-50:253 244 255;--ct-fuchsia-100:250 232 255;--ct-fuchsia-200:245 208 254;--ct-fuchsia-300:240 171 252;--ct-fuchsia-400:232 121 249;--ct-fuchsia-500:217 70 239;--ct-fuchsia-600:192 38 211;--ct-fuchsia-700:162 28 175;--ct-fuchsia-800:134 25 143;--ct-fuchsia-900:112 26 117;--ct-fuchsia-950:74 4 78; --ct-pink-50:253 242 248;--ct-pink-100:252 231 243;--ct-pink-200:251 207 232;--ct-pink-300:249 168 212;--ct-pink-400:244 114 182;--ct-pink-500:236 72 153;--ct-pink-600:219 39 119;--ct-pink-700:190 24 93;--ct-pink-800:157 23 77;--ct-pink-900:131 24 67;--ct-pink-950:80 7 36; --ct-rose-50:255 241 242;--ct-rose-100:255 228 230;--ct-rose-200:254 205 211;--ct-rose-300:253 164 175;--ct-rose-400:251 113 133;--ct-rose-500:244 63 94;--ct-rose-600:225 29 72;--ct-rose-700:190 18 60;--ct-rose-800:159 18 57;--ct-rose-900:136 19 55;--ct-rose-950:76 5 25; --cr-white: 255 255 255; --cr-black: 0 0 0; --cr-slate-50:248 250 252;--cr-slate-100:241 245 249;--cr-slate-200:226 232 240;--cr-slate-300:203 213 225;--cr-slate-400:148 163 184;--cr-slate-500:100 116 139;--cr-slate-600:71 85 105;--cr-slate-700:51 65 85;--cr-slate-800:30 41 59;--cr-slate-900:15 23 42;--cr-slate-950:2 6 23; --cr-gray-50:249 250 251;--cr-gray-100:243 244 246;--cr-gray-200:229 231 235;--cr-gray-300:209 213 219;--cr-gray-400:156 163 175;--cr-gray-500:107 114 128;--cr-gray-600:75 85 99;--cr-gray-700:55 65 81;--cr-gray-800:31 41 55;--cr-gray-900:17 24 39;--cr-gray-950:3 7 18; --cr-zinc-50:250 250 250;--cr-zinc-100:244 244 245;--cr-zinc-200:228 228 231;--cr-zinc-300:212 212 216;--cr-zinc-400:161 161 170;--cr-zinc-500:113 113 122;--cr-zinc-600:82 82 91;--cr-zinc-700:63 63 70;--cr-zinc-800:39 39 42;--cr-zinc-900:24 24 27;--cr-zinc-950:9 9 11; --cr-neutral-50:250 250 250;--cr-neutral-100:245 245 245;--cr-neutral-200:229 229 229;--cr-neutral-300:212 212 212;--cr-neutral-400:163 163 163;--cr-neutral-500:115 115 115;--cr-neutral-600:82 82 82;--cr-neutral-700:64 64 64;--cr-neutral-800:38 38 38;--cr-neutral-900:23 23 23;--cr-neutral-950:10 10 10; --cr-stone-50:250 250 249;--cr-stone-100:245 245 244;--cr-stone-200:231 229 228;--cr-stone-300:214 211 209;--cr-stone-400:168 162 158;--cr-stone-500:120 113 108;--cr-stone-600:87 83 78;--cr-stone-700:68 64 60;--cr-stone-800:41 37 36;--cr-stone-900:28 25 23;--cr-stone-950:12 10 9; --cr-red-50:254 242 242;--cr-red-100:254 226 226;--cr-red-200:254 202 202;--cr-red-300:252 165 165;--cr-red-400:248 113 113;--cr-red-500:239 68 68;--cr-red-600:220 38 38;--cr-red-700:185 28 28;--cr-red-800:153 27 27;--cr-red-900:127 29 29;--cr-red-950:69 10 10; --cr-orange-50:255 247 237;--cr-orange-100:255 237 213;--cr-orange-200:254 215 170;--cr-orange-300:253 186 116;--cr-orange-400:251 146 60;--cr-orange-500:249 115 22;--cr-orange-600:234 88 12;--cr-orange-700:194 65 12;--cr-orange-800:154 52 18;--cr-orange-900:124 45 18;--cr-orange-950:67 20 7; --cr-amber-50:255 251 235;--cr-amber-100:254 243 199;--cr-amber-200:253 230 138;--cr-amber-300:252 211 77;--cr-amber-400:251 191 36;--cr-amber-500:245 158 11;--cr-amber-600:217 119 6;--cr-amber-700:180 83 9;--cr-amber-800:146 64 14;--cr-amber-900:120 53 15;--cr-amber-950:69 26 3; --cr-yellow-50:254 252 232;--cr-yellow-100:254 249 195;--cr-yellow-200:254 240 138;--cr-yellow-300:253 224 71;--cr-yellow-400:250 204 21;--cr-yellow-500:234 179 8;--cr-yellow-600:202 138 4;--cr-yellow-700:161 98 7;--cr-yellow-800:133 77 14;--cr-yellow-900:113 63 18;--cr-yellow-950:66 32 6; --cr-lime-50:247 254 231;--cr-lime-100:236 252 203;--cr-lime-200:217 249 157;--cr-lime-300:190 242 100;--cr-lime-400:163 230 53;--cr-lime-500:132 204 22;--cr-lime-600:101 163 13;--cr-lime-700:77 124 15;--cr-lime-800:63 98 18;--cr-lime-900:54 83 20;--cr-lime-950:26 46 5; --cr-green-50:240 253 244;--cr-green-100:220 252 231;--cr-green-200:187 247 208;--cr-green-300:134 239 172;--cr-green-400:74 222 128;--cr-green-500:34 197 94;--cr-green-600:22 163 74;--cr-green-700:21 128 61;--cr-green-800:22 101 52;--cr-green-900:20 83 45;--cr-green-950:5 46 22; --cr-emerald-50:236 253 245;--cr-emerald-100:209 250 229;--cr-emerald-200:167 243 208;--cr-emerald-300:110 231 183;--cr-emerald-400:52 211 153;--cr-emerald-500:16 185 129;--cr-emerald-600:5 150 105;--cr-emerald-700:4 120 87;--cr-emerald-800:6 95 70;--cr-emerald-900:6 78 59;--cr-emerald-950:2 44 34; --cr-teal-50:240 253 250;--cr-teal-100:204 251 241;--cr-teal-200:153 246 228;--cr-teal-300:94 234 212;--cr-teal-400:45 212 191;--cr-teal-500:20 184 166;--cr-teal-600:13 148 136;--cr-teal-700:15 118 110;--cr-teal-800:17 94 89;--cr-teal-900:19 78 74;--cr-teal-950:4 47 46; --cr-cyan-50:236 254 255;--cr-cyan-100:207 250 254;--cr-cyan-200:165 243 252;--cr-cyan-300:103 232 249;--cr-cyan-400:34 211 238;--cr-cyan-500:6 182 212;--cr-cyan-600:8 145 178;--cr-cyan-700:14 116 144;--cr-cyan-800:21 94 117;--cr-cyan-900:22 78 99;--cr-cyan-950:8 51 68; --cr-sky-50:240 249 255;--cr-sky-100:224 242 254;--cr-sky-200:186 230 253;--cr-sky-300:125 211 252;--cr-sky-400:56 189 248;--cr-sky-500:14 165 233;--cr-sky-600:2 132 199;--cr-sky-700:3 105 161;--cr-sky-800:7 89 133;--cr-sky-900:12 74 110;--cr-sky-950:8 47 73; --cr-blue-50:239 246 255;--cr-blue-100:219 234 254;--cr-blue-200:191 219 254;--cr-blue-300:147 197 253;--cr-blue-400:96 165 250;--cr-blue-500:59 130 246;--cr-blue-600:37 99 235;--cr-blue-700:29 78 216;--cr-blue-800:30 64 175;--cr-blue-900:30 58 138;--cr-blue-950:23 37 84; --cr-indigo-50:238 242 255;--cr-indigo-100:224 231 255;--cr-indigo-200:199 210 254;--cr-indigo-300:165 180 252;--cr-indigo-400:129 140 248;--cr-indigo-500:99 102 241;--cr-indigo-600:79 70 229;--cr-indigo-700:67 56 202;--cr-indigo-800:55 48 163;--cr-indigo-900:49 46 129;--cr-indigo-950:30 27 75; --cr-violet-50:245 243 255;--cr-violet-100:237 233 254;--cr-violet-200:221 214 254;--cr-violet-300:196 181 253;--cr-violet-400:167 139 250;--cr-violet-500:139 92 246;--cr-violet-600:124 58 237;--cr-violet-700:109 40 217;--cr-violet-800:91 33 182;--cr-violet-900:76 29 149;--cr-violet-950:46 16 101; --cr-purple-50:250 245 255;--cr-purple-100:243 232 255;--cr-purple-200:233 213 255;--cr-purple-300:216 180 254;--cr-purple-400:192 132 252;--cr-purple-500:168 85 247;--cr-purple-600:147 51 234;--cr-purple-700:126 34 206;--cr-purple-800:107 33 168;--cr-purple-900:88 28 135;--cr-purple-950:59 7 100; --cr-fuchsia-50:253 244 255;--cr-fuchsia-100:250 232 255;--cr-fuchsia-200:245 208 254;--cr-fuchsia-300:240 171 252;--cr-fuchsia-400:232 121 249;--cr-fuchsia-500:217 70 239;--cr-fuchsia-600:192 38 211;--cr-fuchsia-700:162 28 175;--cr-fuchsia-800:134 25 143;--cr-fuchsia-900:112 26 117;--cr-fuchsia-950:74 4 78; --cr-pink-50:253 242 248;--cr-pink-100:252 231 243;--cr-pink-200:251 207 232;--cr-pink-300:249 168 212;--cr-pink-400:244 114 182;--cr-pink-500:236 72 153;--cr-pink-600:219 39 119;--cr-pink-700:190 24 93;--cr-pink-800:157 23 77;--cr-pink-900:131 24 67;--cr-pink-950:80 7 36; --cr-rose-50:255 241 242;--cr-rose-100:255 228 230;--cr-rose-200:254 205 211;--cr-rose-300:253 164 175;--cr-rose-400:251 113 133;--cr-rose-500:244 63 94;--cr-rose-600:225 29 72;--cr-rose-700:190 18 60;--cr-rose-800:159 18 57;--cr-rose-900:136 19 55;--cr-rose-950:76 5 25; --ag-bg:#f0f2f5; --ag-surface:#ffffff; --ag-surface-2:#f9fafb; --ag-surface-3:#f3f4f6; --ag-surface-sunken:#e9ecf1; --ag-overlay-bg:#ffffff; --ag-scrim:rgb(17 24 39 / 0.45); --ag-border:#e5e7eb; --ag-border-subtle:#f0f1f4; --ag-border-strong:#d1d5db; --ag-divider:#e5e7eb; --ag-text:#111827; --ag-text-secondary:#4b5563; --ag-text-muted:#6b7280; --ag-text-placeholder:#9ca3af; --ag-text-disabled:#b3b9c4; --ag-text-inverse:#ffffff; --ag-input-bg:#ffffff; --ag-input-border:#d1d5db; --ag-input-text:#111827; --ag-input-placeholder:#9ca3af; --ag-input-disabled-bg:#f3f4f6; --ag-shadow-k:1; --ag-shadow-k2:1; --ag-shadow-ring:0 0 #0000; --ag-skeleton-base:#e9ecf1; --ag-skeleton-shine:#f6f8fa; background-color: var(--ag-surface); } /* <<< FIM-ESCOTILHA-GERADA <<< */ /* ----------------------------------------------------------------------------- * 8. IMPRESSÃO — papel é sempre claro * -------------------------------------------------------------------------- */ @media print { :root[data-theme="dark"] { color-scheme: light; background-color: #fff; } [data-theme="dark"] body { background-color: #fff; color: #111827; } }