/* ============================================================================ * Tokens do Bruning Contábil — os MESMOS valores do RH (Bruning Conecta) sobre * o Tabler 1.4. Cor, tipo, raio, sombra e as medidas do shell. * * Regra: nenhuma cor em hex fora deste arquivo. Se faltar token, crie aqui. * Carregado logo depois de tabler.min.css e antes de contabil.css. * ========================================================================== */ :root, [data-bs-theme="light"] { /* Marca — "Selo monograma" (Claude Design, 2026-09-04): quadrado --tblr-dark com o B em --tblr-primary e um traço verde-limão embaixo. O traço é a ÚNICA cor da marca fora da paleta do sistema; vive aqui e em assets/img/isotipo*.svg (o SVG não lê CSS — se mudar, mude nos dois). No tema escuro o selo inverte: fundo primária, B dark, traço igual. */ --ctb-marca-traco: #C2E85F; --tblr-primary: #9EA0E5; --tblr-primary-rgb: 158, 160, 229; --tblr-primary-darken: #8E8DDD; --tblr-primary-lt: #EAF2FB; --tblr-primary-lt-rgb: 234, 242, 251; --tblr-primary-fg: #182433; /* texto sobre a primária é ESCURO */ --header-icon-color: #7C7EDB; --header-icon-bg: rgba(124, 126, 219, .25); --header-text-color: #373A91; /* Semânticas */ --tblr-success: #18DF9A; --tblr-success-rgb: 24, 223, 154; --tblr-success-darken: #15C488; --tblr-success-lt: #E3FBF2; --tblr-success-lt-rgb: 227, 251, 242; --tblr-success-fg: #182433; --tblr-info: #5DADE2; --tblr-info-rgb: 93, 173, 226; --tblr-info-darken: #539DCB; --tblr-info-lt: #E7F3FB; --tblr-info-lt-rgb: 231, 243, 251; --tblr-warning: #E1A100; --tblr-warning-rgb: 225, 161, 0; --tblr-warning-darken: #CB8E00; --tblr-warning-lt: #FFF4E2; --tblr-warning-lt-rgb: 255, 244, 226; --tblr-danger: #D9534F; --tblr-danger-rgb: 217, 83, 79; --tblr-danger-darken: #C14844; --tblr-danger-lt: #FDEAEA; --tblr-danger-lt-rgb: 253, 234, 234; --tblr-secondary: #667382; --tblr-secondary-rgb: 102, 115, 130; --tblr-secondary-lt: #F0F1F3; --tblr-muted: #667382; --tblr-dark: #182433; --tblr-dark-rgb: 24, 36, 51; --tblr-light: #FCFDFE; --text-success-alternative:#1D5F27; /* verde com contraste para TEXTO */ --text-danger-alternative: #83130F; --text-warning-alternative:#7A5800; --text-info-alternative: #1F5E85; /* Superfícies */ --tblr-body-bg: #FFFFFF; --tblr-bg-surface: #FFFFFF; --tblr-bg-surface-secondary: #F6F6F6; --tblr-bg-surface-tertiary: #F5F5F5; --tblr-bg-surface-dark: #182433; --tblr-bg-forms: #FFFFFF; --tblr-tertiary-bg: #F6F8FB; --tblr-active-bg: rgba(158, 160, 229, .12); /* Texto */ --tblr-body-color: #182433; --tblr-body-color-rgb: 24, 36, 51; --tblr-light-text-emphasis: #3A4859; --tblr-secondary-color: rgba(24, 36, 51, .75); --tblr-tertiary-color: rgba(24, 36, 51, .5); --tblr-link-color: #6F72D6; --tblr-link-hover-color: #5457C4; /* Bordas */ --tblr-border-color: #DADFE5; --tblr-border-color-translucent: rgba(4, 32, 69, .14); --tblr-border-active-color: #B6BCC3; --tblr-border-dark-color: #BBC3CD; --tblr-border-width: 1px; /* Cinzas (escala do RH, não a do Tabler) */ --tblr-gray-50: #FCFDFE; --tblr-gray-100: #F6F6F6; --tblr-gray-200: #EEEEEE; --tblr-gray-300: #DADADA; --tblr-gray-400: #BBBBBB; --tblr-gray-500: #929292; --tblr-gray-600: #666666; --tblr-gray-700: #3A3A3A; --tblr-gray-800: #181818; --tblr-gray-900: #040404; /* Raio */ --tblr-border-radius: 8px; --tblr-border-radius-sm: 2px; --tblr-border-radius-lg: 8px; --tblr-border-radius-xl: 1rem; --tblr-border-radius-xxl: 2rem; --tblr-border-radius-pill: 100rem; /* Tipografia */ --tblr-font-sans-serif: 'Sofia', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; --tblr-body-font-family: var(--tblr-font-sans-serif); --tblr-body-font-size: .875rem; --tblr-body-line-height: 1.4285714286; --tblr-body-font-weight: 400; --tblr-font-weight-light: 300; --tblr-font-weight-normal: 400; --tblr-font-weight-medium: 500; --tblr-font-weight-bold: 600; --tblr-font-weight-headings: 600; --tblr-font-size-h1: 1.5rem; --tblr-line-height-h1: 2rem; --tblr-font-size-h2: 1.25rem; --tblr-line-height-h2: 1.75rem; --tblr-font-size-h3: 1rem; --tblr-line-height-h3: 1.5rem; --tblr-font-size-h4: .875rem; --tblr-font-size-h5: .75rem; --tblr-font-size-h6: .625rem; /* Sombras — cards NÃO têm sombra (só borda): é o que dá o visual calmo do RH */ --tblr-shadow-card: none; --tblr-box-shadow: rgba(24, 36, 51, .04) 0 2px 4px 0; --tblr-box-shadow-input: 0 1px 1px rgba(24, 36, 51, .06); --tblr-box-shadow-card: none; --tblr-box-shadow-card-hover: rgba(24, 36, 51, .16) 0 2px 16px 0; --tblr-box-shadow-dropdown: 0 16px 24px 2px rgba(0, 0, 0, .07), 0 6px 30px 5px rgba(0, 0, 0, .06), 0 8px 10px -5px rgba(0, 0, 0, .1); --sombra-offcanvas: 0 12px 48px rgba(0, 0, 0, .28); /* Foco: NÃO usa a primária (lavanda dá 2,4:1, reprova o 3:1 do WCAG) */ --ctb-focus: #4263EB; --tblr-focus-ring-width: .25rem; --tblr-focus-ring-color: rgba(66, 99, 235, .25); /* Tabela */ --datatable-hover: #F6F8FB; --datatable-select-bg: rgba(158, 160, 229, .4); --datatable-select-bg-hover: rgba(158, 160, 229, .35); --loader-placeholder: #D3D3D383; /* Shell */ --ctb-header-h: 70px; --ctb-footer-h: 60px; --ctb-toolbar-h: 60px; --ctb-sidebar-w: 76px; --ctb-sidebar-w-aberta: 260px; --ctb-sidebar-radius: 5px; --ctb-conteudo-max: 1320px; --ctb-alvo-toque: 44px; /* Barra "você está vendo como…" do Entrar como: 0 no uso normal; html.ctb-impersonando a abre (contabil.css). Header, sidebar, main, th sticky e toasts descem por ela. */ --ctb-banner-h: 0px; /* Transições */ --transicao-rapida: .15s ease-in-out; --transicao-menu: .2s ease; /* Chevron "para baixo" do Tabler, como data: URI — usado via mask, então a COR vem do CSS que o aplica e acompanha o tema (o ícone em si é monocromático). Fica aqui, e não no componente, porque é o mesmo traço do resto do sistema. */ --ctb-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6'/%3E%3C/svg%3E"); } [data-bs-theme="dark"] { color-scheme: dark; --tblr-body-bg: #171717; --tblr-body-color: #E0E0E0; --tblr-body-color-rgb: 224, 224, 224; --tblr-bg-surface: #262626; --tblr-bg-surface-secondary: #2E2E2E; --tblr-bg-surface-tertiary: #202020; --tblr-bg-surface-dark: #202020; --tblr-bg-forms: #2F3030; --tblr-secondary-bg: #232323; --tblr-tertiary-bg: #363636; --tblr-active-bg: #3B3B3B; --tblr-muted: #BABABA; --tblr-secondary: #A7B1BD; --tblr-light-text-emphasis: #F6F8FB; --tblr-secondary-color: rgba(224, 224, 224, .75); --tblr-tertiary-color: rgba(224, 224, 224, .5); --tblr-border-color: #363636; --tblr-border-color-translucent: rgba(255, 255, 255, .1); --tblr-border-active-color: #5A5A5A; --tblr-primary-lt: #434444; --tblr-primary-lt-rgb: 67, 68, 68; --tblr-success-lt: #123B30; --tblr-success-lt-rgb: 18, 59, 48; --tblr-info-lt: #15303F; --tblr-info-lt-rgb: 21, 48, 63; --tblr-warning-lt: #3A2E10; --tblr-warning-lt-rgb: 58, 46, 16; --tblr-danger-lt: #3D1F1E; --tblr-danger-lt-rgb: 61, 31, 30; --tblr-secondary-lt: #333A42; --tblr-link-color: #B4B6EE; --tblr-link-hover-color: #CFD0F5; --text-success-alternative: #4ADE80; --text-danger-alternative: #F28B82; --text-warning-alternative: #FFD166; --text-info-alternative: #8FD0FF; --ctb-focus: #748FFC; --tblr-focus-ring-color: rgba(116, 143, 252, .25); --datatable-hover: #2C2C2C; --datatable-select-bg: rgba(158, 160, 229, .2); --datatable-select-bg-hover: rgba(158, 160, 229, .26); --loader-placeholder: #4A4A4A83; --tblr-gray-700: #C9C9C9; /* ícones do menu no escuro */ }