/* ============================================================
   Design tokens — fonte única de cores do painel administrativo.
   Carregado antes de layout.css / Sufee para que tudo possa usar var().
   ============================================================ */
:root {
    /* Marca / primário */
    --app-primary: #2563eb;
    --app-primary-hover: #1d4ed8;
    --app-primary-soft: #eff6ff;

    /* Sidebar (azul-marinho muito escuro) */
    --app-sidebar: #111827;
    --app-sidebar-hover: #1f2937;
    --app-sidebar-active: #2563eb;
    --app-sidebar-text: #d1d5db;
    --app-sidebar-text-muted: #9ca3af;
    --app-sidebar-border: #1f2937;
    --app-sidebar-width: 240px;
    --app-sidebar-width-collapsed: 68px;

    /* Superfícies */
    --app-bg: #f8fafc;
    --app-surface: #ffffff;

    /* Bordas */
    --app-border: #e5e7eb;
    --app-border-strong: #d1d5db;

    /* Texto */
    --app-text: #111827;
    --app-text-muted: #6b7280;

    /* Status */
    --app-success: #16a34a;
    --app-success-soft: #dcfce7;
    --app-warning: #d97706;
    --app-warning-soft: #fef3c7;
    --app-danger: #dc2626;
    --app-danger-soft: #fee2e2;
    --app-info: #0891b2;
    --app-info-soft: #cffafe;

    /* Dimensões / forma */
    --app-header-height: 64px;
    --app-radius: 12px;
    --app-radius-sm: 8px;
    --app-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
    --app-shadow: 0 1px 3px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);

    --app-font: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}