/* Tokens da marca Flua (fonte: docs/FLUA-MARCA.md e design/flua-space.figcraft).
   Carregado antes do CSS de cada página. As variáveis antigas (--primary, --gray-*, ...)
   continuam existindo e apontam para a marca nova. */
:root {
    /* Marca */
    --flua-navy: var(--h-0b2c45, #0B2C45);
    --flua-red: var(--h-f0283c, #F0283C);
    --flua-orange: var(--h-fd7444, #FD7444);
    --flua-yellow: var(--h-ff960e, #FF960E);
    --flua-white: var(--h-ffffff, #FFFFFF);
    --flua-beige: var(--h-f9f0df, #F9F0DF);
    --flua-light-blue: var(--h-cceef0, #CCEEF0);
    --flua-gradient: linear-gradient(90deg, var(--h-f0283c, #F0283C) 0%, var(--h-fd7444, #FD7444) 50%, var(--h-ff960e, #FF960E) 100%);

    /* Semânticas */
    --color-bg: var(--flua-white);
    --color-bg-page: var(--h-fbfaf7, #FBFAF7);
    --color-bg-soft: var(--flua-beige);
    --color-surface-alt: var(--flua-light-blue);
    --color-text: var(--flua-navy);
    --text-muted: var(--h-55697a, #55697A);
    --border: rgba(var(--rgb-0b2c45, 11, 44, 69), 0.15);

    /* Estados (texto / fundo do selo) */
    --status-ok: var(--h-17765f, #17765F);
    --status-ok-bg: var(--h-e3efec, #E3EFEC);
    --status-busy: var(--h-b4233a, #B4233A);
    --status-busy-bg: var(--h-f6e5e7, #F6E5E7);
    --status-maint: var(--h-9a5a00, #9A5A00);
    --status-maint-bg: var(--h-f3ebe0, #F3EBE0);
    --status-neutral-bg: var(--h-ebedef, #EBEDEF);

    /* Tipografia */
    --font-family: "Alan Sans", Arial, sans-serif;

    /* Forma */
    --radius-pill: 999px;
    --radius-card: 16px;
    --radius-modal: 24px;

    /* Variáveis antigas, remapeadas */
    --primary: var(--flua-navy);
    --primary-light: var(--h-183850, #183850);
    --primary-dark: var(--h-071e30, #071E30);
    --secondary: var(--flua-red);
    --accent: var(--flua-red);

    --white: var(--h-ffffff, #FFFFFF);
    --gray-50: var(--h-fbfaf7, #FBFAF7);
    --gray-100: var(--h-f3f5f7, #F3F5F7);
    --gray-200: var(--h-e2e7eb, #E2E7EB);
    --gray-300: var(--h-c6d0d8, #C6D0D8);
    --gray-400: var(--h-8a99a6, #8A99A6);
    --gray-500: var(--h-55697a, #55697A);
    --gray-600: var(--h-3f5466, #3F5466);
    --gray-700: var(--h-2a4155, #2A4155);
    --gray-800: var(--h-183850, #183850);
    --gray-900: var(--h-0b2c45, #0B2C45);

    --success: var(--status-ok);
    --error: var(--status-busy);
    --warning: var(--status-maint);
    --info: var(--flua-navy);

    /* Sombra só em modal e toast; o resto usa borda */
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: 0 12px 32px rgba(11, 44, 69, 0.14);
    --shadow-xl: 0 16px 40px rgba(11, 44, 69, 0.16);
    --shadow-2xl: 0 16px 40px rgba(11, 44, 69, 0.18);

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
    font-family: var(--font-family);
    color: var(--color-text);
}

/* Escala 80% no computador (pedido do usuario, 19/10/2026): na troca de dominio
   todo mundo perdeu o zoom de 80% que o navegador guardava por dominio. Mesma
   solucao do pav-simco. So a partir de 1024px (celular/tablet seguem em 100%) e so
   com a classe .fl-zoom, que flua-zoom.js poe fora de iframe e fora das telas do
   paciente: dentro das abas do /inicio a escala ja vem da pagina de fora (senao
   sairia 64%). So na tela: a impressao sai em 100%.
   ⚠️ Com `zoom`, vh/vw nao acompanham -- flua-zoom.js reescreve os vh/vw das folhas
   para calc(X / var(--fl-zoom)) e corrige as coordenadas de mouse e rolagem. */
html { --fl-zoom: 1; }
@media screen and (min-width: 1024px) {
  html.fl-zoom { --fl-zoom: 0.8; zoom: 0.8; }
}