/* 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: #0B2C45;
    --flua-red: #F0283C;
    --flua-orange: #FD7444;
    --flua-yellow: #FF960E;
    --flua-white: #FFFFFF;
    --flua-beige: #F9F0DF;
    --flua-light-blue: #CCEEF0;
    --flua-gradient: linear-gradient(90deg, #F0283C 0%, #FD7444 50%, #FF960E 100%);

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

    /* Estados (texto / fundo do selo) */
    --status-ok: #17765F;
    --status-ok-bg: #E3EFEC;
    --status-busy: #B4233A;
    --status-busy-bg: #F6E5E7;
    --status-maint: #9A5A00;
    --status-maint-bg: #F3EBE0;
    --status-neutral-bg: #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: #183850;
    --primary-dark: #071E30;
    --secondary: var(--flua-red);
    --accent: var(--flua-red);

    --white: #FFFFFF;
    --gray-50: #FBFAF7;
    --gray-100: #F3F5F7;
    --gray-200: #E2E7EB;
    --gray-300: #C6D0D8;
    --gray-400: #8A99A6;
    --gray-500: #55697A;
    --gray-600: #3F5466;
    --gray-700: #2A4155;
    --gray-800: #183850;
    --gray-900: #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);
}