/* ============================================================================
   Reskin Orvyx (be kndtec) — tokens de design (marca, semanticos, funcionais).
   Adaptado do channels/be, recolorido para a marca AZUL kndtec
   (navy #0F2A4D do navbar + teal #01A4B3 historico + azul accent moderno).
   :root = tema claro | html.dark = tema escuro (light-first via JS anti-FOUC).
   ============================================================================ */

:root {
    /* Estilo clean: light-first, neutro, 1 accent sobrio (azul) */
    --radius: 0.625rem;

    /* Marca kndtec — azul (accent unico = azul; teal/navy p/ apoio) */
    --brand-navy: #0F2A4D;
    --brand-teal: #01A4B3;
    --brand-blue: #1d6fd6;
    --brand-gradient: linear-gradient(135deg, #0F2A4D 0%, #135ea3 60%, #01A4B3 100%);

    /* Tema claro — canvas cinza-azulado levissimo, cards brancos */
    --background: #f5f7fa;
    --foreground: #14202e;
    --card: #ffffff;
    --card-foreground: #14202e;
    --popover: #ffffff;
    --popover-foreground: #14202e;
    --primary: #1d6fd6;
    --primary-foreground: #ffffff;
    --secondary: #eef2f7;
    --secondary-foreground: #1f2d3d;
    --muted: #eef2f7;
    --muted-foreground: #5b6b7d;
    --accent: #e7eef7;
    --accent-foreground: #1f2d3d;
    --destructive: #e5484d;
    --destructive-foreground: #ffffff;
    --success: #15a368;
    --warning: #d98a0b;
    --info: #2f7fd1;
    --border: #e3e8ef;
    --input: #e3e8ef;
    --ring: #1d6fd6;

    /* Funcionais — farol/SLA */
    --farol-ok: #22c55e;
    --farol-warn: #f59e0b;
    --farol-crit: #ef4444;
    --farol-off: #94a3b8;
    /* Funcionais — prazo */
    --prazo-ok: #22c55e;
    --prazo-soon: #f59e0b;
    --prazo-late: #ef4444;
    /* Estagnacao */
    --stag: #fd7e14;

    /* Voz — semaforo do softphone */
    --call-free: #22c55e;
    --call-busy: #ef4444;
    --call-wrap: #f59e0b;
    --call-off: #94a3b8;

    /* Pipeline — paleta de etapas */
    --col-red: #e2163b;
    --col-blue: #158ccf;
    --col-green: #5ad111;
    --col-yellow: #efa20c;
    --col-purple: #4515cf;
    --col-orange: #ff7a00;
    --col-pink: #ff007f;
    --col-gray: #6b7280;

    /* Tipografia */
    --font-inter: 'Inter', 'Open Sans', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

    /* Aliases curtos de conveniencia (uso interno orvyx-*) */
    --ovx-bg: var(--background);
    --ovx-fg: var(--foreground);
    --ovx-card: var(--card);
    --ovx-primary: var(--primary);
    --ovx-accent: var(--accent);
    --ovx-border: var(--border);
    --ovx-radius: var(--radius);

    /* Sombras — bem suaves */
    --ovx-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.04);
    --ovx-shadow-md: 0 2px 8px rgba(16, 24, 40, 0.06);
    --ovx-shadow-lg: 0 10px 30px rgba(16, 24, 40, 0.10);
}

html.dark {
    /* Tema escuro — near-black com leve tint azul */
    --background: #0b1622;
    --foreground: #e6ecf3;
    --card: #111f30;
    --card-foreground: #e6ecf3;
    --popover: #14202e;
    --popover-foreground: #e6ecf3;
    --primary: #5aa0ef;
    --primary-foreground: #0b1622;
    --secondary: #1a2a3d;
    --secondary-foreground: #e6ecf3;
    --muted: #1a2a3d;
    --muted-foreground: #93a3b6;
    --accent: #1a2a3d;
    --accent-foreground: #e6ecf3;
    --destructive: #f2555a;
    --destructive-foreground: #ffffff;
    --success: #2bb37a;
    --warning: #e0a23a;
    --info: #5aa3e0;
    --border: #243348;
    --input: #243348;
    --ring: #5aa0ef;

    --ovx-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.5);
    --ovx-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.45), 0 2px 6px rgba(0, 0, 0, 0.4);
    --ovx-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.55), 0 4px 12px rgba(0, 0, 0, 0.4);
}