:root {
    /* ==========================================================================
       Design Tokens - MonitorCNJ (Apple Style)
       ========================================================================== */

    /* Palette - Brand */
    --primary: #007AFF;
    --primary-dark: #0056b3;
    --primary-soft: rgba(0, 122, 255, 0.1);

    /* Palette - Semantic */
    --success: #198754;
    /* Sentença/Compliance */
    --success-dark: #146c43;
    --success-soft: rgba(25, 135, 84, 0.1);

    --warning: #FFC107;
    /* Alerts */
    --warning-text: #B7791F;
    --warning-soft: rgba(255, 193, 7, 0.15);

    --danger: #FF3B30;
    /* Error/Destructive */
    --danger-soft: rgba(255, 59, 48, 0.1);

    --info: #007AFF;
    /* Same as primary */
    --info-soft: rgba(0, 122, 255, 0.1);

    /* Backgrounds & Surfaces */
    --bg-body: #F5F5F7;
    /* Apple Light Gray */
    --surface: #FFFFFF;
    /* Cards/Modals */
    --surface-secondary: #F2F2F7;
    /* Inputs/Groups */

    /* Typography */
    --font-main: 'Inter', -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    --text-main: #1D1D1F;
    /* Primary Text */
    --text-secondary: #5E5E63;
    /* Secondary Text */
    --text-tertiary: #86868b;
    /* Disabled/Hints */
    --text-inverse: #FFFFFF;

    /* Borders */
    --border: #D1D1D6;
    --border-light: #E5E5EA;
    --border-focus: rgba(0, 122, 255, 0.5);

    /* Shadows (Elevation) */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.12);

    /* Spacing & Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 24px;
    --radius-pill: 999px;

    /* Animation */
    --transition-fast: 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
    --transition-smooth: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);

    /* Layout */
    --header-height: 64px;
    --sidebar-width: 280px;
    --content-max-width: 1200px;

    /* ======================================================================
       Legacy Aliases (Backward Compatibility with style.css / old files)
       ====================================================================== */
    --cor-primaria: var(--primary);
    --cor-secundaria: #1e3a8a;
    --fundo-claro: #E0F2F7;
    --fundo-pagina: var(--bg-body);
    --texto-claro: #ffffff;
    --texto-suave: var(--text-secondary);
    --hover: var(--primary-dark);
    --erro: var(--danger);
    --sucesso: var(--success);
    --borda: var(--border);
    --sombra: rgba(0, 0, 0, 0.08);
    --cor-destaque: var(--primary);
}