/* Tokens visuais do CRM/Chat (Corte 2A-1). Ver docs/modules/crm-chatbot/specs/CRM_CHATBOT_DESIGN_CONTRACT.md secao 7.1. Nenhum componente novo do CRM deve usar cor/radius/sombra/largura fora destes tokens. Tema aplicado via atributo data-crm-theme="light|dark" na tag (ver wwwroot/js/crm-theme.js). */ :root { --crm-color-primary: #1c7ed6; --crm-color-primary-hover: #145ea3; --crm-color-primary-soft: #e7f1fb; --crm-color-primary-soft-text: #145ea3; --crm-color-on-primary: #ffffff; --crm-color-focus-ring: rgba(28, 126, 214, 0.18); --crm-color-primary-border: #9bc8ef; --crm-color-accent: #0f766e; --crm-color-app-bg: #f2f5fa; --crm-color-surface: #ffffff; --crm-color-surface-elevated: #ffffff; --crm-color-sidebar-bg: #0d1117; --crm-color-sidebar-bg-hover: #161b22; --crm-color-sidebar-active-bg: var(--crm-color-primary); --crm-color-sidebar-active-text: #ffffff; --crm-color-border: #e1e6ee; --crm-color-border-strong: #c7cfdb; --crm-color-text: #16202e; --crm-color-text-muted: #64748b; --crm-color-text-inverse: var(--crm-color-on-primary); --crm-color-success: #1a9c5e; --crm-color-warning: #e2932e; --crm-color-danger: #e14848; --crm-color-info: #4d8fd6; --crm-radius-xs: 4px; --crm-radius-sm: 6px; --crm-radius-md: 10px; --crm-radius-lg: 14px; --crm-radius-xl: 20px; --crm-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06); --crm-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.10); --crm-shadow-lg: 0 18px 60px rgba(15, 23, 42, 0.16); --crm-sidebar-collapsed-width: 72px; --crm-sidebar-expanded-width: 250px; --crm-topbar-height: 60px; --crm-ticket-list-width: 350px; --crm-contact-panel-width: 320px; --crm-transition-fast: 120ms ease; --crm-transition-normal: 220ms ease; /* Ponte temporaria para o app.css legado. O CRM novo consome --crm-* diretamente, mas paineis reaproveitados ainda usam --app-* ate a limpeza futura. */ --app-primary: var(--crm-color-primary); --app-primary-strong: var(--crm-color-primary-hover); --app-accent: var(--crm-color-accent); --app-bg: var(--crm-color-app-bg); --app-surface: var(--crm-color-surface); --app-surface-soft: var(--crm-color-surface-elevated); --app-border: var(--crm-color-border); --app-text: var(--crm-color-text); --app-muted: var(--crm-color-text-muted); --app-muted-strong: var(--crm-color-text-muted); --app-outbound: var(--crm-color-primary-soft); --app-inbound: var(--crm-color-surface); --app-bot: var(--crm-color-surface-elevated); --app-danger: var(--crm-color-danger); --shadow-soft: var(--crm-shadow-lg); } /* Tema escuro: preparado e aplicado integralmente as superficies do AppShell/paginas novas deste corte (sidebar, topbar, dashboard/placeholders, painel de aparencia). O chat legado (Home.razor/app.css) ainda nao consome estes tokens e continua claro ate os Cortes 2A-2/2A-3 - isso e uma limitacao documentada, nao um tema escuro parcial dentro do que foi entregue aqui. */ :root[data-crm-theme="dark"] { --crm-color-app-bg: #0f1420; --crm-color-surface: #161c28; --crm-color-surface-elevated: #1c2432; --crm-color-border: #262f3f; --crm-color-border-strong: #364154; --crm-color-text: #e6ebf2; --crm-color-text-muted: #94a3b8; --crm-color-primary-soft: #16324d; --crm-color-primary-soft-text: #d7ebff; --crm-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35); --crm-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45); --crm-shadow-lg: 0 18px 60px rgba(0, 0, 0, 0.55); }