/* ============================================
   CDOA Angola - Design Tokens
   Variaveis CSS globais para todo o projeto
   ============================================ */

:root {
  /* ---- BRAND ---- */
  --cdoa-primary:        #2563EB;
  --cdoa-primary-hover:  #1D4ED8;
  --cdoa-primary-light:  #3B82F6;
  --cdoa-primary-50:     #EFF6FF;
  --cdoa-primary-100:    #DBEAFE;

  /* ---- STATUS ---- */
  --cdoa-success:        #22C55E;
  --cdoa-success-dark:   #16A34A;
  --cdoa-success-bg:     #F0FDF4;
  --cdoa-warning:        #F59E0B;
  --cdoa-warning-dark:   #D97706;
  --cdoa-warning-bg:     #FFFBEB;
  --cdoa-danger:         #EF4444;
  --cdoa-danger-dark:    #DC2626;
  --cdoa-danger-bg:      #FEF2F2;
  --cdoa-info:           #3B82F6;
  --cdoa-info-dark:      #1D4ED8;
  --cdoa-info-bg:        #EFF6FF;

  /* ---- TEXT ---- */
  --cdoa-text:           #0F172A;
  --cdoa-text-secondary: #64748B;
  --cdoa-text-muted:     #94A3B8;
  --cdoa-text-inverse:   #FFFFFF;

  /* ---- SURFACES ---- */
  --cdoa-bg:             #F8FAFC;
  --cdoa-surface:        #FFFFFF;
  --cdoa-surface-hover:  #F1F5F9;
  --cdoa-border:         #E2E8F0;
  --cdoa-border-light:   #F1F5F9;
  --cdoa-divider:        #E2E8F0;

  /* ---- SHADOWS ---- */
  --cdoa-shadow-xs:  0 1px 2px rgba(0,0,0,.05);
  --cdoa-shadow-sm:  0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);
  --cdoa-shadow:     0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);
  --cdoa-shadow-md:  0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05);
  --cdoa-shadow-lg:  0 20px 25px rgba(0,0,0,.1), 0 8px 10px rgba(0,0,0,.04);

  /* ---- RADII ---- */
  --cdoa-radius:     8px;
  --cdoa-radius-sm:  6px;
  --cdoa-radius-lg:  12px;
  --cdoa-radius-xl:  16px;
  --cdoa-radius-full: 9999px;

  /* ---- FONTS ---- */
  --cdoa-font:       'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --cdoa-font-mono:  'JetBrains Mono', 'Fira Code', monospace;

  /* ---- FONT SIZES ---- */
  --cdoa-text-xs:    0.75rem;
  --cdoa-text-sm:    0.8125rem;
  --cdoa-text-base:  0.875rem;
  --cdoa-text-lg:    1rem;
  --cdoa-text-xl:    1.125rem;
  --cdoa-text-2xl:   1.25rem;
  --cdoa-text-3xl:   1.5rem;

  /* ---- SPACING ---- */
  --cdoa-space-1:    0.25rem;
  --cdoa-space-2:    0.5rem;
  --cdoa-space-3:    0.75rem;
  --cdoa-space-4:    1rem;
  --cdoa-space-5:    1.25rem;
  --cdoa-space-6:    1.5rem;
  --cdoa-space-8:    2rem;
  --cdoa-space-10:   2.5rem;
  --cdoa-space-12:   3rem;

  /* ---- LAYOUT ---- */
  --cdoa-sidebar-width:      260px;
  --cdoa-sidebar-collapsed:  72px;
  --cdoa-navbar-height:      64px;

  /* ---- Z-INDEX ---- */
  --cdoa-z-base:      1;
  --cdoa-z-dropdown:  1000;
  --cdoa-z-sticky:    1020;
  --cdoa-z-fixed:     1030;
  --cdoa-z-offcanvas: 1040;
  --cdoa-z-modal:     1050;
  --cdoa-z-toast:     1080;

  /* ---- TRANSITIONS ---- */
  --cdoa-transition:      150ms ease;
  --cdoa-transition-slow: 300ms ease;
}