/* Multicanalidade - tema Falcon | reset + tokens */ :root { --mc-primary: #2c7be5; --mc-focus-ring: rgba(44, 123, 229, .35); --mc-bg: #edf2f9; --mc-card: #ffffff; --mc-card-border: #edf2f9; --mc-cover-a: #2c7be5; --mc-cover-b: #1657b8; --mc-heading: #344050; --mc-body: #5e6e82; --mc-muted: #748194; --mc-row-border: #edf2f9; --mc-row-hover: #f9fafd; --mc-shadow-card: 0 .75rem 2rem rgba(31, 45, 61, .12); --mc-shadow-row: 0 .25rem .75rem rgba(31, 45, 61, .06); --mc-shadow-row-hover: 0 .5rem 1.25rem rgba(31, 45, 61, .14); --mc-seg-bg: #edf2f9; --mc-seg-active: #ffffff; --mc-font: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } /* Modo escuro (mesmo gatilho do Falcon: data-bs-theme="dark" no ). Só os tokens NEUTROS mudam aqui; os de accent seguem os skins automaticamente, pois os skins definem variantes dark em [data-bs-theme="dark"] .skin-xxx. Paleta alinhada ao dark do Falcon/login (#0b1727 / #1d2939). */ [data-bs-theme="dark"] { --mc-bg: #0b1727; --mc-card: #1d2939; --mc-card-border: #344050; --mc-heading: #fcfcfd; --mc-body: #d6dae0; --mc-muted: #98a2b3; --mc-row-border: #344050; --mc-row-hover: #24313f; --mc-seg-bg: #0b1727; --mc-seg-active: #344050; --mc-shadow-card: 0 .75rem 2rem rgba(0, 0, 0, .5); --mc-shadow-row: 0 .25rem .75rem rgba(0, 0, 0, .35); --mc-shadow-row-hover: 0 .5rem 1.25rem rgba(0, 0, 0, .5); } * { margin: 0; padding: 0; outline: none; box-sizing: border-box; } html { font-size: 100%; height: 100%; background-color: var(--mc-bg); } body { /* Cores que seguem o tema da plataforma. Os skins (public/css/falcon/skins/*.css, carregados via asc_skins.css) definem --skin-accent/--asc-primary/--skin-gradient-* em .skin-xxx, que é a própria body. Precisam ficar na body (não em :root) para enxergar essas vars escopadas — mesmo padrão da tela de login. Fallback = azul Falcon. */ --mc-primary: var(--skin-accent, var(--asc-primary, #2c7be5)); --mc-cover-a: var(--skin-gradient-start, var(--skin-accent-hover, var(--skin-accent, #2c7be5))); --mc-cover-b: var(--skin-gradient-end, var(--skin-accent, #1657b8)); --mc-focus-ring: rgba(var(--falcon-primary-rgb, 44, 123, 229), .35); /* Cor legível sobre o accent (o skin já resolve: escuro p/ temas claros, branco p/ escuros) */ --mc-on-accent: var(--skin-on-accent, #ffffff); font-family: var(--mc-font); font-size: 1em; min-height: 100%; color: var(--mc-body); background: transparent; width: 100%; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ul, ol { padding: 0; margin: 0; } img { max-width: 100%; height: auto; } li { list-style: none; } a { text-decoration: none; color: inherit; }