/* =========================================================
   Sesipa — Design tokens (fonte única de variáveis)
   Importar antes de Bootstrap e CSS de módulo.
   ========================================================= */

:root {
    /* Marca */
    --sesipa-primary: #ff6b35;
    --sesipa-primary-hover: #e55a28;
    --sesipa-primary-rgb: 255, 107, 53;
    --sesipa-primary-light: rgba(255, 107, 53, 0.08);
    --sesipa-primary-ring: rgba(255, 107, 53, 0.22);

    /* Aliases usados em vistoria e legado */
    --primary: var(--sesipa-primary);
    --primary-hover: var(--sesipa-primary-hover);
    --primary-light: var(--sesipa-primary-light);
    --primary-ring: var(--sesipa-primary-ring);

    /* Bootstrap */
    --bs-primary: var(--sesipa-primary);
    --bs-primary-rgb: var(--sesipa-primary-rgb);

    /* Superfícies — 60% fundo / 30% cards (contraste figure/ground) */
    --bg: #e8edf2;
    --bg-subtle: #dfe6ee;
    --surface: #ffffff;
    --surface-soft: #f4f7fa;
    --surface-raised: #ffffff;

    /* Texto */
    --text: #0f172a;
    --text-secondary: #334155;
    --muted: #64748b;

    /* Bordas */
    --border: #c5d0dc;
    --border-subtle: #d8e0ea;
    --border-strong: #b0bec9;

    /* Semânticas */
    --ok: #16a34a;
    --ok-bg: #f0fdf4;
    --ok-border: #86efac;
    --warn: #ca8a04;
    --warn-bg: #fefce8;
    --bad: #dc2626;
    --bad-bg: #fef2f2;
    --bad-border: #fca5a5;

    /* Legado app.css */
    --color-success: #22c55e;
    --color-danger: #ef4444;
    --color-warning: #f59e0b;
    --color-purple: #9333ea;

    /* Sombras — elevação dos cards sobre o fundo */
    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.07);
    --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.09), 0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 4px 14px rgba(15, 23, 42, 0.11), 0 2px 4px rgba(15, 23, 42, 0.07);
    --shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.16), 0 4px 8px rgba(15, 23, 42, 0.08);
    --shadow-card: 0 1px 3px rgba(15, 23, 42, 0.08), 0 6px 22px rgba(15, 23, 42, 0.11);
    --shadow-card-hover: 0 8px 28px rgba(15, 23, 42, 0.14), 0 2px 8px rgba(15, 23, 42, 0.08);

    /* Raios */
    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 16px;
    --r-xl: 20px;
    --r-full: 9999px;
    --radius-sm: var(--r-sm);
    --radius-md: var(--r-md);
    --radius-lg: var(--r-lg);

    /* Espaçamento (legado) */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;

    /* Tipografia */
    --sesipa-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --sesipa-font-display: "Plus Jakarta Sans", var(--sesipa-font-sans);

    /* Transições */
    --t-fast: 0.15s ease;
    --t-base: 0.2s ease;
    --t-slow: 0.3s ease;
    --ease: var(--t-base);

    /* Toque (mobile-first; alinhar a ~44pt iOS / 48dp Material) */
    --touch-min: 44px;
    --touch-gap: 8px;
}