/* =====================================================================================
   DOCNITZ — TOKENS (fonte única de cores, raios, sombras, tipografia, espaços e movimento)
   Carregado PRIMEIRO em todas as superfícies:
     - aplicação (assets/AppAsset.php): docnitz-tokens.css → docnitz-theme.css → layout → tabelas → dashboard → app.css
     - landing, termos e privacidade (views/layouts/landing.php): docnitz-tokens.css → landing.css (sem AdminLTE)
   Regra: nenhuma cor, raio, sombra ou duração literal fora deste arquivo e do docnitz-theme.css.
   Documentação: docs/DESIGN-SYSTEM.md
   ===================================================================================== */
:root {
    /* Marca (brand book v2) */
    --docnitz-deep: #003333;         /* navegação, títulos, autoridade */
    --docnitz-dark: #005F5D;         /* links, hover de ação */
    --docnitz-primary: #00847E;      /* ação principal (AA com texto branco) */
    --docnitz-primary-press: #004D4B;
    --docnitz-accent: #10AAA4;       /* foco, destaque — nunca texto sobre branco */
    --docnitz-light: #35B5B1;
    --docnitz-light-on-dark: #7FD3CF;/* acento legível sobre Deep Teal (assinatura no rodapé da landing) */
    --docnitz-primary-rgb: 0, 132, 126;
    --docnitz-accent-rgb: 16, 170, 164;
    --docnitz-deep-rgb: 0, 51, 51;
    --docnitz-dark-rgb: 0, 95, 93;
    --docnitz-success-rgb: 20, 133, 95;
    --docnitz-warning-rgb: 194, 120, 3;
    --docnitz-danger-rgb: 210, 63, 63;

    /* Tons suaves da marca (fundos de destaque, nunca superfícies inteiras) */
    --docnitz-primary-50: #EEF8F7;
    --docnitz-primary-100: #DDF1EF;
    --docnitz-primary-200: #B7E2DF;

    /* Neutros */
    --docnitz-bg: #F5F9F9;           /* fundo da aplicação */
    --docnitz-card: #FFFFFF;         /* cards, header, modais */
    --docnitz-on-color: #FFFFFF;     /* texto/ícone sobre cor sólida (botões, paginação ativa, avatar, tooltip) */
    --docnitz-surface-muted: #F8F8F8;
    --docnitz-surface-2: #EDF3F3;    /* fundo secundário (Bootstrap secondary-bg, barra do mock da landing) */
    --docnitz-silver: #CDCDCB;       /* borda de campos */
    --docnitz-silver-hover: #B9C2C2; /* borda de campo sob o mouse */
    --docnitz-gray: #919599;         /* ícones, placeholders (contraste 3:1: não usar em texto corrido) */
    --docnitz-text: #10282A;         /* texto principal (quase Deep Teal) */
    --docnitz-text-muted: #5F6468;   /* texto secundário (AA) */
    --docnitz-border: rgba(0, 51, 51, .07);
    --docnitz-border-strong: rgba(0, 51, 51, .14);
    --docnitz-border-card: rgba(0, 51, 51, .06);
    --docnitz-hover: rgba(0, 51, 51, .05);   /* fundo de hover neutro (ghost, fechar, trilho do segmented) */
    --docnitz-press: rgba(0, 51, 51, .08);   /* clique; contadores neutros em pílula */
    --docnitz-row-hover: rgba(16, 170, 164, .045); /* linha de tabela sob o mouse/foco */
    --docnitz-row-press: rgba(16, 170, 164, .07);  /* linha/cartão tocado no celular */
    --docnitz-selection: rgba(16, 170, 164, .22);
    --docnitz-overlay: rgba(0, 51, 51, .32);       /* fundo atrás da gaveta do menu no celular */
    --docnitz-backdrop-opacity: .4;                /* fundo do modal (Deep Teal) */
    --docnitz-scroll-shadow: rgba(0, 51, 51, .12); /* dica de rolagem horizontal em tabelas */
    --docnitz-glass: rgba(255, 255, 255, .88);     /* barra fixa translúcida (landing) */

    /* Texto e linhas sobre fundo escuro (menu lateral Deep Teal, telas de acesso, landing) — fallback sólido abaixo */
    --docnitz-on-dark-strong: var(--docnitz-card);
    --docnitz-on-dark: color-mix(in srgb, var(--docnitz-card) 78%, transparent);
    --docnitz-on-dark-muted: color-mix(in srgb, var(--docnitz-card) 52%, transparent);
    --docnitz-on-dark-line: color-mix(in srgb, var(--docnitz-card) 9%, transparent);
    --docnitz-on-dark-hover: color-mix(in srgb, var(--docnitz-card) 7%, transparent);
    --docnitz-on-dark-active: rgba(16, 170, 164, .18);   /* item ativo / bloco de ícone sobre Deep Teal */
    --docnitz-accent-glow: rgba(16, 170, 164, .2);       /* brilho radial discreto (painel de acesso, hero da landing) */

    /* Status (sempre par fundo suave + texto escuro, para leitura e acessibilidade) */
    --docnitz-success: #14855F;
    --docnitz-success-bg: #E6F5EE;
    --docnitz-success-text: #0B5E43;
    --docnitz-success-border: #C3E5D5;
    --docnitz-success-hover: #0F6D4E;
    --docnitz-success-soft-hover: #D3EEE1;
    --docnitz-warning: #C27803;
    --docnitz-warning-bg: #FFF4DC;
    --docnitz-warning-text: #865200;
    --docnitz-warning-border: #F5DFA9;
    --docnitz-danger: #D23F3F;
    --docnitz-danger-bg: #FDECEC;
    --docnitz-danger-text: #A12C2C;
    --docnitz-danger-border: #F5C9C9;
    --docnitz-danger-hover: #B53333;
    --docnitz-danger-press: #9C2B2B;
    --docnitz-danger-soft-hover: #FBDADA;
    --docnitz-info: #10AAA4;
    --docnitz-info-bg: #E2F5F4;
    --docnitz-info-text: #005F5D;
    --docnitz-info-border: #BCE5E3;
    --docnitz-neutral-bg: #EEF2F2;
    --docnitz-neutral-text: #5F6468;
    --docnitz-neutral-border: #DCE3E3;

    /* Raios — hierarquia: detalhe 8 · componente 12 (campos/botões 10) · card 16 · grande 20 */
    --docnitz-radius-hair: 2px;      /* filetes e segmentos internos de barras */
    --docnitz-radius-xs: 6px;        /* checkbox */
    --docnitz-radius-sm: 8px;
    --docnitz-radius-control: 10px;
    --docnitz-radius-md: 12px;
    --docnitz-radius-lg: 16px;
    --docnitz-radius-xl: 20px;
    --docnitz-radius-modal: 18px;
    --docnitz-radius-pill: 999px;
    --docnitz-radius-circle: 50%;

    /* Sombras (extremamente suaves, tingidas de Deep Teal) */
    --docnitz-shadow-xs: 0 1px 2px rgba(0, 51, 51, .04);
    --docnitz-shadow-sm: 0 2px 10px rgba(0, 51, 51, .04);
    --docnitz-shadow-md: 0 6px 24px rgba(0, 51, 51, .06);
    --docnitz-shadow-lg: 0 16px 40px rgba(0, 51, 51, .10);
    --docnitz-shadow-card: 0 4px 20px rgba(0, 51, 51, .05);
    --docnitz-shadow-card-hover: 0 10px 30px rgba(0, 51, 51, .08);
    --docnitz-shadow-btn: 0 1px 2px rgba(0, 51, 51, .12);
    --docnitz-shadow-cta: 0 6px 16px rgba(0, 132, 126, .22); /* botão principal da landing */
    --docnitz-shadow-frame: 0 24px 64px rgba(0, 51, 51, .14), 0 2px 6px rgba(0, 51, 51, .05); /* moldura de tela (landing) */
    --docnitz-shadow-frame-dark: 0 32px 80px rgba(0, 20, 20, .45);  /* moldura de tela sobre Deep Teal (landing) */
    --docnitz-shadow-float: 0 12px 32px rgba(0, 51, 51, .13);       /* fragmento flutuante / cartão solto (landing) */
    --docnitz-ring: 0 0 0 4px rgba(16, 170, 164, .22);
    --docnitz-ring-danger: 0 0 0 4px rgba(210, 63, 63, .18);
    --docnitz-outline-selected: inset 0 0 0 1px var(--docnitz-primary); /* item escolhido: plano recomendado, filtro aplicado */

    /* Tipografia (Inter) */
    --docnitz-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --docnitz-text-xs: .75rem;    /* 12 px — legendas */
    --docnitz-text-sm: .8125rem;  /* 13 px */
    --docnitz-text-label: .875rem;/* 14 px — rótulos de campo */
    --docnitz-text-base: .9375rem;/* 15 px — corpo */
    --docnitz-text-lg: 1.0625rem; /* 17 px */
    --docnitz-text-xl: 1.375rem;  /* 22 px — H2 */
    --docnitz-text-2xl: 1.75rem;  /* 28 px — título de página */
    --docnitz-weight-medium: 500;
    --docnitz-weight-semibold: 600;
    --docnitz-weight-bold: 700;

    /* Espaços e alturas */
    --docnitz-gutter: 1.5rem;       /* padding de card e respiro lateral de tabelas */
    --docnitz-gap: 1.25rem;         /* espaço entre cards */
    --docnitz-control-h: 2.75rem;   /* 44 px: botões e campos (alvo de toque confortável) */
    --docnitz-control-h-sm: 2.125rem;  /* botão pequeno (34 px) */
    --docnitz-field-h-sm: 2.5rem;      /* campo compacto de filtro (40 px) */
    --docnitz-control-h-lg: 3.125rem;

    /* Movimento (rápido e discreto: 150–250 ms) */
    --docnitz-ease: cubic-bezier(.2, .8, .2, 1);
    --docnitz-fast: 150ms;
    --docnitz-base: 200ms;
    --docnitz-slow: 250ms;
    --docnitz-stagger: 40ms;        /* atraso entre itens de uma entrada escalonada */
    --docnitz-reveal: 500ms;        /* entrada de blocos ao rolar e crossfade de telas (só landing) */
    --docnitz-ease-out: cubic-bezier(.16, 1, .3, 1); /* desaceleração longa e suave (entradas da landing) */
    --docnitz-toast-duration: 5s;

    /* Ícones desenhados em CSS (máscara: herdam currentColor) */
    --docnitz-icon-alert: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4m.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2'/%3e%3c/svg%3e");
    --docnitz-icon-chevron: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235F6468' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m4 6 4 4 4-4'/%3e%3c/svg%3e");
}
/* Navegadores sem color-mix(): cores sólidas equivalentes (legível, sem transparência) */
@supports not (color: color-mix(in srgb, white 50%, transparent)) {
    :root {
        --docnitz-on-dark: var(--docnitz-card);
        --docnitz-on-dark-muted: var(--docnitz-silver);
        --docnitz-on-dark-line: var(--docnitz-dark);
        --docnitz-on-dark-hover: var(--docnitz-dark);
    }
}