/* ==========================================================================
   Web Central Setrans — Design Tokens
   Camada base do novo tema (SaaS claro/clean). Substitui o tema Metronic.
   Trocar o acento do app inteiro = editar --accent abaixo.
   ========================================================================== */

:root {
    /* ---- Acento / marca ---- */
    --accent: #2f6fed;
    --accent-rgb: 47, 111, 237;
    --accent-hover: #2a63d4;
    --accent-active: #2456bb;
    --accent-soft: rgba(47, 111, 237, 0.1);
    --accent-soft-strong: rgba(47, 111, 237, 0.16);

    /* ---- Cores semânticas ---- */
    --success: #15b79e;
    --success-soft: rgba(21, 183, 158, 0.12);
    --info: #7c5cfc;
    --info-soft: rgba(124, 92, 252, 0.12);
    --warning: #f5a623;
    --warning-soft: rgba(245, 166, 35, 0.14);
    --danger: #f0436a;
    --danger-soft: rgba(240, 67, 106, 0.12);

    /* ---- Superfícies / fundo ---- */
    --app-bg: #f6f8fb;
    --surface: #ffffff;
    --surface-2: #f8fafc;
    --surface-muted: #f1f4f9;
    --sidebar-bg: #ffffff;
    --topbar-bg: #ffffff;

    /* ---- Texto ---- */
    --text: #1e2433;
    --text-muted: #6b7280;
    --text-soft: #97a1b1;
    --text-on-accent: #ffffff;

    /* ---- Bordas / divisores ---- */
    --border: #e6e9f0;
    --border-strong: #d6dbe6;

    /* ---- Raios ---- */
    --radius-sm: 0.5rem;
    --radius: 0.75rem;
    --radius-lg: 1rem;
    --radius-pill: 999px;

    /* ---- Sombras ---- */
    --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
    --shadow-sm: 0 2px 8px rgba(16, 24, 40, 0.06);
    --shadow: 0 8px 24px rgba(16, 24, 40, 0.08);
    --shadow-lg: 0 16px 40px rgba(16, 24, 40, 0.12);

    /* ---- Layout ---- */
    --sidebar-width: 264px;
    --sidebar-width-minimized: 76px;
    --topbar-height: 64px;
    --content-max: 1320px;

    /* ---- Tipografia ---- */
    --font-sans: "Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* ---- Transições ---- */
    --t-fast: 0.15s ease;
    --t: 0.25s ease;
}

/* ==========================================================================
   Override das variáveis do Bootstrap 5 — para que componentes nativos
   (botões, links, foco, alerts, badges) herdem a nova paleta automaticamente.
   ========================================================================== */

:root {
    --bs-primary: var(--accent);
    --bs-primary-rgb: var(--accent-rgb);
    --bs-link-color: var(--accent);
    --bs-link-color-rgb: var(--accent-rgb);
    --bs-link-hover-color: var(--accent-hover);
    --bs-link-hover-color-rgb: var(--accent-rgb);

    --bs-success: var(--success);
    --bs-info: var(--info);
    --bs-warning: var(--warning);
    --bs-danger: var(--danger);

    --bs-body-color: var(--text);
    --bs-body-bg: var(--app-bg);
    --bs-border-color: var(--border);
    --bs-border-radius: var(--radius-sm);
    --bs-font-sans-serif: var(--font-sans);
    --bs-secondary-color: var(--text-muted);
}