:root {
    /* ==========================================================================
       Paleta Oficial RCall & Identidade Visual da Marca
       ========================================================================== */
    --rcall-blue-deep: #0056A3;
    --rcall-blue-recurrence: #00AEEF;
    --rcall-orange-vibrant: #FF7F11;
    --rcall-amber-alert: #FFA600;
    --rcall-bg-white: #FFFFFF;

    /* Neutros Modernos e Superfícies */
    --rcall-slate-950: #040914;
    --rcall-slate-900: #07101E;
    --rcall-slate-850: #0B192C;
    --rcall-slate-800: #1E2E45;
    --rcall-slate-700: #334766;
    --rcall-slate-600: #4B6282;
    --rcall-slate-500: #64748B;
    --rcall-slate-400: #94A3B8;
    --rcall-slate-200: #E2E8F0;
    --rcall-slate-100: #F1F5F9;
    --rcall-slate-50: #F8FAFC;
    --rcall-border: #E2E8F0;
    --rcall-border-light: rgba(226, 232, 240, 0.8);

    /* Gradientes Inspirados no Ciclo e Sinal da Logo */
    --rcall-grad-brand: linear-gradient(135deg, #0056A3 0%, #00AEEF 100%);
    --rcall-grad-accent: linear-gradient(135deg, #FF7F11 0%, #FFA600 100%);
    --rcall-grad-loop: linear-gradient(135deg, #0056A3 0%, #00AEEF 55%, #FF7F11 100%);
    --rcall-grad-dark: linear-gradient(145deg, #050B14 0%, #0B192C 50%, #003B70 100%);
    --rcall-grad-hero: linear-gradient(180deg, #FFFFFF 0%, #F0F7FF 60%, #E6F3FF 100%);
    --rcall-grad-card: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.9) 100%);

    /* Sombras Tridimensionais e Glows */
    --rcall-shadow-sm: 0 2px 6px rgba(0, 86, 163, 0.05);
    --rcall-shadow-md: 0 10px 25px -5px rgba(0, 86, 163, 0.09), 0 6px 10px -6px rgba(0, 86, 163, 0.04);
    --rcall-shadow-lg: 0 22px 40px -8px rgba(0, 86, 163, 0.14), 0 10px 16px -6px rgba(0, 86, 163, 0.06);
    --rcall-shadow-xl: 0 30px 60px -12px rgba(0, 86, 163, 0.22);
    --rcall-shadow-glow-blue: 0 8px 30px rgba(0, 174, 239, 0.35);
    --rcall-shadow-glow-orange: 0 8px 30px rgba(255, 127, 17, 0.35);

    /* Tipografia e Raios */
    --font-heading: 'Outfit', -apple-system, sans-serif;
    --font-body: 'Plus Jakarta Sans', -apple-system, sans-serif;
    --rcall-radius-sm: 8px;
    --rcall-radius-md: 14px;
    --rcall-radius-lg: 20px;
    --rcall-radius-xl: 28px;
    --rcall-radius-2xl: 32px;
    --rcall-radius-pill: 50px;
    --rcall-transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);

    /* ==========================================================================
       Tokens semânticos (use estes em telas novas)
       ========================================================================== */
    --rcall-navy: #003B73;
    --rcall-blue: var(--rcall-blue-deep);
    --rcall-cyan: var(--rcall-blue-recurrence);
    --rcall-orange: var(--rcall-orange-vibrant);

    /* Superfícies e texto */
    --rcall-surface: #FFFFFF;
    --rcall-canvas: #F4F7FB;
    --rcall-surface-sunken: #EEF3F9;
    --rcall-line: #E3E9F1;
    --rcall-line-strong: #CBD5E1;
    --rcall-ink: #0B1B2E;
    --rcall-ink-soft: #3B4B63;
    --rcall-ink-muted: #6B7A90;
    --rcall-focus: 0 0 0 3px rgba(0, 174, 239, 0.28);

    /* Ciclo de vida da recorrência: programada → enviada → retorno | falha | cancelada */
    --rcall-status-programada: #0284C7;
    --rcall-status-programada-bg: #E0F2FE;
    --rcall-status-enviada: #059669;
    --rcall-status-enviada-bg: #D1FAE5;
    --rcall-status-retorno: #EA6A00;
    --rcall-status-retorno-bg: #FFEDD5;
    --rcall-status-falha: #DC2626;
    --rcall-status-falha-bg: #FEE2E2;
    --rcall-status-cancelada: #64748B;
    --rcall-status-cancelada-bg: #F1F5F9;

    /* Canais */
    --rcall-canal-whatsapp: #16A34A;
    --rcall-canal-sms: #7C3AED;
    --rcall-canal-email: #0369A1;

    /* Séries de gráfico com duas medidas (par validado para daltonismo e contraste) */
    --rcall-serie-a: #0056A3;
    --rcall-serie-b: #EA6A00;

    --rcall-canal-whatsapp-bg: #DCFCE7;
    --rcall-canal-sms-bg: #EDE9FE;
    --rcall-canal-email-bg: #E0F2FE;

    /* Prévia da mensagem no aparelho (cadastro de catálogo) */
    --rcall-previa-aparelho: var(--rcall-slate-900);
    --rcall-previa-whatsapp-topo: #0B6B5D;
    --rcall-previa-whatsapp-fundo: #EFE7DD;

    /* Texto e superfícies sobre fundo escuro (hero, rodapé, faixas) */
    --rcall-on-dark: #FFFFFF;
    --rcall-on-dark-soft: rgba(255, 255, 255, 0.74);
    --rcall-on-dark-muted: rgba(255, 255, 255, 0.5);
    --rcall-on-dark-line: rgba(255, 255, 255, 0.12);
    --rcall-on-dark-glass: rgba(255, 255, 255, 0.06);
    --rcall-overlay: rgba(4, 9, 20, 0.55);

    /* Shell */
    --rcall-sidebar-w: 260px;
    --rcall-sidebar-w-collapsed: 76px;
    --rcall-topbar-h: 68px;
    --rcall-sidebar-bg: linear-gradient(180deg, #050D1A 0%, #0A1D36 55%, #00386C 100%);
    --rcall-sidebar-brilho: radial-gradient(circle at 0% 0%, rgba(0, 174, 239, 0.22) 0%, rgba(0, 174, 239, 0) 60%);
    --rcall-sidebar-ativo: linear-gradient(90deg, rgba(0, 174, 239, 0.24) 0%, rgba(0, 174, 239, 0.05) 100%);
    --rcall-topbar-bg: rgba(244, 247, 251, 0.86);

    /* Realces suaves de marca (hover de linha, seleção, fundo de ícone) */
    --rcall-blue-bg: #E8F1FB;
    --rcall-cyan-bg: #E3F6FD;
    --rcall-teal: #0F8F8A;
    --rcall-teal-bg: #D9F4F1;
    --rcall-amber: #B45309;
    --rcall-amber-bg: #FEF3C7;
    --rcall-shadow-primario: 0 6px 16px -6px rgba(0, 86, 163, 0.55);
    --rcall-shadow-sinal: 0 6px 16px -6px rgba(234, 106, 0, 0.6);

    /* Tons de modal e confirmação: sucesso e perigo (o tom de aviso usa --rcall-grad-accent) */
    --rcall-grad-sucesso: linear-gradient(135deg, #059669 0%, #34D399 100%);
    --rcall-grad-perigo: linear-gradient(135deg, #DC2626 0%, #F87171 100%);
    --rcall-shadow-sucesso: 0 6px 16px -6px rgba(5, 150, 105, 0.6);
    --rcall-shadow-perigo: 0 6px 16px -6px rgba(220, 38, 38, 0.6);
    --rcall-shadow-modal: 0 40px 80px -20px rgba(4, 9, 20, 0.45), 0 12px 28px -12px rgba(0, 59, 115, 0.25);

    /* Retrocompatibilidade com componentes legados */
    --principal: var(--rcall-blue-deep);
    --secundario: var(--rcall-blue-recurrence);
    --secundario-transparente: rgba(0, 174, 239, 0.6);
    --branco: #ffffff;
    --cinza-fraco: var(--rcall-slate-100);
    --verde: #10B981;
    --vermelho: #EF4444;
    --amarelo: var(--rcall-amber-alert);
    --amarelo-emoticon: #FBBF24;
    --azul-claro: var(--rcall-blue-recurrence);
    --preto: var(--rcall-slate-900);
    --branco-para-cinza: var(--rcall-slate-50);
    --cinza-quase-escuro: #94A3B8;
    --side-bar-active: rgba(0, 174, 239, 0.15);
    --side-bar: var(--rcall-slate-900);
    --side-bar-expanded: var(--rcall-slate-950);
    --side-bar-texto: #ffffff;
    --scroll: var(--rcall-blue-deep);
    --tabela-header: var(--rcall-blue-deep);
}