/* OPA - Sistema de gestión de siniestros */
/* Variables globales de identidad visual */

:root {
    /* Marca */
    --opa-primary: #F7931E;
    --opa-primary-hover: #DE7D0D;
    --opa-primary-soft: #FFF2E2;
    --opa-secondary: #111111;

    /* Fondos */
    --opa-bg: #F5F6F8;
    --opa-surface: #FFFFFF;
    --opa-sidebar-bg: #171717;
    --opa-header-bg: #FFFFFF;

    /* Textos */
    --opa-text: #222222;
    --opa-text-muted: #64748B;
    --opa-text-inverse: #FFFFFF;

    /* Bordes */
    --opa-border: #E5E7EB;

    /* Estados */
    --opa-success: #198754;
    --opa-warning: #D97706;
    --opa-danger: #DC3545;
    --opa-info: #2563EB;

    /* Tipografía */
    --opa-font-family: Arial, Helvetica, sans-serif;
    --opa-font-size: 14px;

    /* Dimensiones */
    --opa-header-height: 70px;
    --opa-sidebar-width: 250px;

    /* Bordes redondeados */
    --opa-radius-sm: 6px;
    --opa-radius-md: 10px;
    --opa-radius-lg: 16px;

    /* Espaciado */
    --opa-space-1: 4px;
    --opa-space-2: 8px;
    --opa-space-3: 12px;
    --opa-space-4: 16px;
    --opa-space-6: 24px;
    --opa-space-8: 32px;

    /* Sombras */
    --opa-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    --opa-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
}