/**
 * Exactus Ponto Seguro — Design Tokens
 * Fonte única de verdade para cores, tipografia, espaçamento e componentes.
 * Usar SEMPRE estas variáveis em CSS customizado e referenciar em templates Tailwind.
 */
:root {
    /* ── Marca Exactus ── */
    --ex-navy: #0c2d57;
    --ex-navy-light: #123f78;
    --ex-navy-dark: #081f3d;
    --ex-navy-sidebar-top: #225a92;
    --ex-navy-sidebar-mid: #0f355f;
    /* Sidebar — creme perolado + detalhes dourados */
    --ex-sidebar-pearl: #faf7f0;
    --ex-sidebar-pearl-deep: #f0ebe0;
    --ex-sidebar-pearl-shine: #fffdf8;
    --ex-sidebar-brand-bg: linear-gradient(165deg, #fffef9 0%, #f8f3e8 48%, #f3ece0 100%);
    --ex-sidebar-gold-line: linear-gradient(90deg, transparent 0%, var(--ex-gold) 18%, var(--ex-gold-light) 50%, var(--ex-gold) 82%, transparent 100%);
    --ex-sidebar-gold-accent: rgba(201, 166, 70, 0.35);
    --ex-sidebar-gold-ring: rgba(201, 166, 70, 0.55);
    --ex-sidebar-text: #1a3352;
    --ex-sidebar-text-muted: #5c6b7f;
    --ex-sidebar-hover: rgba(255, 255, 255, 0.92);
    --ex-sidebar-active-bg: linear-gradient(135deg, #0c2d57 0%, #123f78 100%);
    --ex-sidebar-active-shadow: 0 4px 14px rgba(12, 45, 87, 0.22);
    --ex-sidebar-icon-bg: rgba(255, 255, 255, 0.75);
    --ex-sidebar-icon-active: var(--ex-gold-light);
    /* Legado Central de Soluções (mantido para compatibilidade) */
    --ex-cs-header-start: #fffef9;
    --ex-cs-header-end: #f3ece0;
    --ex-cs-menu-bg: var(--ex-sidebar-pearl);
    --ex-cs-footer-bg: var(--ex-sidebar-pearl-deep);
    --ex-cs-menu-hover: var(--ex-sidebar-hover);
    --ex-cs-menu-active-bg: transparent;
    --ex-cs-menu-active-border: var(--ex-gold);
    --ex-cs-section-title: var(--ex-sidebar-text-muted);
    --ex-gold: #e8b923;
    --ex-gold-light: #f5d978;
    --ex-gold-dark: #c8941a;
    --ex-gold-ouro: #e8b923;
    --ex-gold-ouro-light: #f5d978;
    --ex-gold-ouro-deep: #c8941a;
    --ex-cream: #f7f4ec;
    --ex-border: #e3d8b8;
    --ex-white: #ffffff;

    /* ── Semânticas ── */
    --ex-success: #1b5e20;
    --ex-success-bg: #e8f5e9;
    --ex-success-border: #a5d6a7;
    --ex-warning: #8a6d1f;
    --ex-warning-bg: #fff8e1;
    --ex-warning-border: #ffe082;
    --ex-danger: #b71c1c;
    --ex-danger-bg: #ffebee;
    --ex-danger-border: #ef9a9a;
    --ex-info: #0c2d57;
    --ex-info-bg: #e3f2fd;
    --ex-info-border: #90caf9;

    /* ── Neutros ── */
    --ex-text: #1e293b;
    --ex-text-muted: #64748b;
    --ex-text-light: #94a3b8;
    --ex-surface: #ffffff;
    --ex-surface-alt: #f8fafc;
    --ex-border-neutral: #e2e8f0;

    /* ── Tipografia ── */
    --ex-font: 'Inter', 'Segoe UI', system-ui, sans-serif;
    --ex-font-size-xs: 0.75rem;
    --ex-font-size-sm: 0.875rem;
    --ex-font-size-base: 1rem;
    --ex-font-size-lg: 1.125rem;
    --ex-font-size-xl: 1.25rem;
    --ex-font-size-2xl: 1.5rem;
    --ex-font-size-3xl: 1.875rem;

    /* ── Espaçamento ── */
    --ex-radius-sm: 0.375rem;
    --ex-radius: 0.5rem;
    --ex-radius-lg: 0.75rem;
    --ex-radius-xl: 1rem;
    --ex-radius-2xl: 1.25rem;
    --ex-shadow-sm: 0 1px 3px rgba(12, 45, 87, 0.08);
    --ex-shadow: 0 4px 12px rgba(12, 45, 87, 0.1);
    --ex-shadow-lg: 0 12px 32px rgba(12, 45, 87, 0.14);

    /* ── Formulários ── */
    --ex-input-border: #cbd5e1;
    --ex-input-focus: var(--ex-gold);
    --ex-input-focus-ring: rgba(201, 166, 70, 0.25);
    --ex-input-padding: 0.625rem 0.875rem;
    --ex-input-radius: var(--ex-radius-lg);

    /* ── Botões ── */
    --ex-btn-primary-bg: var(--ex-navy);
    --ex-btn-primary-hover: var(--ex-navy-light);
    --ex-btn-secondary-bg: var(--ex-gold);
    --ex-btn-secondary-hover: var(--ex-gold-light);
    --ex-btn-radius: var(--ex-radius-lg);
    --ex-btn-padding: 0.625rem 1.25rem;

    /* ── Django Admin overrides ── */
    --primary: var(--ex-navy);
    --secondary: var(--ex-gold);
    --link-fg: var(--ex-navy);
    --link-hover-color: var(--ex-navy-light);
    --header-bg: var(--ex-navy);
    --header-color: var(--ex-white);
    --breadcrumbs-bg: var(--ex-cream);
    --body-bg: var(--ex-cream);
    --darkened-bg: var(--ex-surface-alt);
    --selected-bg: var(--ex-cream);
    --hairline-color: var(--ex-border);
    --border-color: var(--ex-border-neutral);
    --error-fg: var(--ex-danger);
}