/* Painel de Ferramentas · Capital Health
Tokens compartilhados — identidade visual.
Toda tela nova deve importar este arquivo antes do seu próprio CSS:
A fonte Inter continua vindo do Google Fonts no (preconnect é mais
rápido que um @import daqui). Aqui mora só a pilha tipográfica, em --font.
*/
:root{
/* ---------- tipografia ---------- */
--font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
/* ---------- paleta ---------- */
--mint: #6FD7A7;
--mint-strong: #4FC28E;
--mint-soft: #A9E9C8;
--mint-wash: #E4F6ED;
--off-white: #F7F8F8;
--white: #FFFFFF;
--ink: #10231C;
--ink-2: #5A6B64;
--ink-3: #8C9A94;
--line: #E3E7E5;
/* ---------- superfície e texto (semânticos) ----------
Em tela nova, use ESTES e não os brutos acima: são eles que viram
no modo escuro. Os brutos continuam sendo a paleta — branco é branco. */
--bg: #E9F2EE;
--surface: #FFFFFF;
--surface-2: #F7F8F8;
--text: #10231C;
--text-2: #5A6B64;
--text-3: #8C9A94;
--border: #E3E7E5;
--shadow-lg: 0 30px 80px -50px rgba(14,59,42,.45);
--shadow-md: 0 18px 40px -28px rgba(14,59,42,.55);
--shadow-sm: 0 2px 10px -6px rgba(14,59,42,.35);
/* ---------- status (semânticos) ----------
Para badges e alertas: atrasado/erro, aviso, informativo. Os "wash"
mudam no modo escuro (viram fundo escuro), as cores sólidas não. */
--danger: #E05B5B;
--danger-wash: #FDECEC;
--warn: #E0A23C;
--warn-wash: #FBF2E2;
--info: #4A8FD4;
--info-wash: #EAF2FB;
color-scheme: light;
/* ---------- marca ----------
Aplicado por mask — herda a cor de onde estiver. */
--logo: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJsAAACYCAYAAADz9ZsiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDEwLjAtYzAwMCA3OS5kMjBlNDY2MzAsIDIwMjUvMTIvMDktMDI6MTE6MjMgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMwMUM1Q0ZENzRCQjExRjFCQThCRjVDMDc0Mzg5MDA5IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMUM1Q0ZDNzRCQjExRjFCQThCRjVDMDc0Mzg5MDA5IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNy4wIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFGMTEwQkZFQjlDQzExRjA4MDE0QTcyOUVGQjNDNkZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFGMTEwQkZGQjlDQzExRjA4MDE0QTcyOUVGQjNDNkZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+lVukXwAABWlJREFUeNrs3U1oHGUYwPHnnd3OfjaZqLEVYhpvtb2oRQ2oqOBFUKiIFIoHDy1E2mo9iZdC0eIXgp4UPdSDFyuYgD1UL57aejJeLCjSapCaXnSbZHdmN9l9fTbNQcls2rrvbGbX/w/SwG4ymb75Z979mA9jrRWgFzyGAMQGYgOIDcQGEBt6Ltvfq18JpO7PrrvZtr6WfHnKyY+Iap+KkUd7/l8zzVfE3zpDbOkysf4X5W1zt+03w2LtRO9j84aZRgFiA7EBA/SYbbP86mYxNtAHaAGxobNc416RoNL1chqLe8VmpplGAWIDsQHEBmIDsQHEBmIDiA3EBmIDiA3EBhAbiA3EBhAbiA0gNhAbQGwgNhAbQGwgNoDYQGwgNoDYQGwAsYHYQGwAsYHYAGIDsYHYAGKDcB2EG9ZoLO32rfeIXnhsl1gZ1SvnjYkx5a4Wav3BvY5D07whtnY0LatjrX3N5Epn0hzbiNSrBzSqfRrantVbWnbtLqP/A/7aOzIypuMzlprVcXCVwGyCkR3Tyxge0NUsExWSiS2s7tep8gON7Dbd9jLCSCi2aOlj8byDDCuSjK0sUfUrnTYfu4nvWdGP+bXPrs33yy/AWi8yzq7w52SFivoA7fa0xjYs9fC0ruDD1/m6i2LNF2Ls2bAVfl8o3HolodD663nAtWd4d6VmhRK8SmD3sYW1E/pqXefQrEaWybxXqYafBUGw0L6pIEXmFKbRm1RfOqyP0Q5t8BUfSf7Hl0TuXw6CHKMtvIPwH58MRBP67cc63NvUCeKo5IovtkNjmNHdls2zJ1bfCYh3RHKFDxledB/bcu0+DW1/h1e+Xxe/SGhwNI1aebnDPRfE//I4wwpXsW3Rj6di72k19e2p55sMK9zEFlaf0y3bLTGbuwtS2HqeIYW72LKZJ2JnVk/eYTjhNjbb2hl3c60hZxhOuH7MtjvuXYJSqXSF4YTL2LIa1tC6W429xFDCbWyLi4HE78a5wFDCbWyeF/8icMvWGUpwdBWIDcQGEBuIDTJwB0fnpfMxI8QGl5sfc4fEvx9ZJTY4Zu6OvbnVWCA2uI5tV3xs0UVig0uB7mn9QMyxpJelNDpPbHAnqj6jYW2JeTtylmejcDyDdjhazrROEhvcCZeO6Hw5ETOF/il+eZrY4Gj61GOAM5k347dqZqb99IDY4GCLFt6p0+Rp3YKVYu69HLbqx3kHAW5Cy9hTErf39bVjgD8pFEbmiA3dWQ4f1NC+0T2vJ+O/wP4kV6vvCu+NQrp5La0RvqU7vJ7T0HZ2OEfbX5FdflJGR6vSj2cLx6bKSbi4Z/Ucx56nx/3a65yl3T6bzweX0nnmyfaJAOu16dQMbcZ8J9nC230ynU3qVubVhJZe0MddO3QLNi5epri21dr4xBoiT0u+/K2k+DSnY2sf6dC0/bPNtivb9a9jb3LLv+Gv/F1Pn7FPz2pwTtifDZLcRQ7O60scDyUZGrH979mf9Z8p8QuPu3yJgycI+Kezujmb0TODvi89PIk2sQ3+HNl++eIPPWvBD/p5VqKVUzI09Iuk/syTpZLu01QZSc04Ru39r/xBPfXDlOQan3e1hLmFSMbHo3/d5ks/neY0qKTm15HXVRnUY/E9G3U91uMBR1dBOJQPIDYQG0BsIDYQG0BsIDaA2EBsALGB2EBsALGB2ABiA7GB2ABiA7EBxAZiA7EBxAZiA4gNxAZiA4gNxAYQG4gNxAYQG4gNIDYQGzC4F92YlEbtpJMlWXMPmRDbRrbr1ehekB5f1g5MoyA2EBtAbOh3xtq+fwC8Y5N+7m9OljI3l9cr521bf0flaqouSkdsYBoFiA3EBmIDiA3EBmzkbwEGAH8POHcOgHuqAAAAAElFTkSuQmCC");
}
/* ---------- modo escuro ----------
Ativado por data-theme="dark" no . A escolha é do usuário e fica
no localStorage; a preferência do sistema só decide a primeira visita.
A marca (mint) não muda — só as superfícies e o texto. */
[data-theme="dark"]{
--mint-wash: #123027;
--bg: #071411;
--surface: #0E201A;
--surface-2: #142A23;
--text: #E9F3EF;
--text-2: #9DB1A9;
--text-3: #758A82;
--border: #1D362D;
--shadow-lg: 0 30px 80px -50px rgba(0,0,0,.95);
--shadow-md: 0 18px 40px -28px rgba(0,0,0,.8);
--shadow-sm: 0 2px 10px -6px rgba(0,0,0,.6);
--danger-wash: #2A1414;
--warn-wash: #2B2210;
--info-wash: #12232F;
color-scheme: dark;
}
/* ============================================================
CAIXAS DE SELEÇÃO
============================================================
A lista suspensa do navegador é desenhada pelo sistema operacional e
não obedece a CSS: no Windows sai cinza, quadrada e com outra fonte.
`assets/js/select.js` põe uma casca por cima; o