/* ============================================================
   SIGA-PNA · Design tokens
   Paleta institucional da Polícia Nacional de Angola
   ============================================================ */

:root {
  /* Cores institucionais PNA */
  --pna-navy:        #0B1F3A;
  --pna-navy-800:    #0F2748;
  --pna-navy-700:    #122C52;
  --pna-navy-600:    #16407A;
  --pna-blue:        #1E5AA8;
  --pna-blue-300:    #6C9BD8;
  --pna-gold:        #FFC72C;
  --pna-gold-600:    #E0A800;
  --pna-gold-soft:   #FFF3D1;
  --pna-red:         #C8102E;
  --pna-red-600:     #A50D25;
  --pna-red-soft:    #FDE8EC;
  --pna-green:       #0E7C4A;
  --pna-green-soft:  #E3F6EC;
  --pna-teal:        #0E7C86;
  --pna-orange:      #C2610B;
  --pna-violet:      #6B3FA0;

  /* Superficies (tema claro) */
  --bg:              #EEF1F6;
  --bg-alt:          #E4E9F2;
  --surface:         #FFFFFF;
  --surface-2:       #F6F8FC;
  --surface-3:       #EDF1F8;
  --surface-inset:   #F2F5FA;
  --border:          #DDE3ED;
  --border-strong:   #C6D0E0;
  --text:            #0D1726;
  --text-2:          #45536B;
  --muted:           #6B7A93;
  --overlay:         rgba(9, 18, 34, .48);

  /* Gradientes institucionais */
  --grad-brand:      #173d68;
  --grad-gold:       #e5bd62;
  --grad-sidebar:    #102844;

  /* Tipografia */
  --font: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Inter", "Segoe UI Semibold", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  --fs-xs: .75rem;
  --fs-sm: .8125rem;
  --fs-base: .875rem;
  --fs-md: .9375rem;
  --fs-lg: 1.0625rem;
  --fs-xl: 1.375rem;
  --fs-2xl: clamp(1.5rem, 1.1rem + 1.6vw, 2.1rem);
  --fs-3xl: clamp(1.85rem, 1.3rem + 2.4vw, 2.85rem);

  /* Espaçamento */
  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;  --sp-4: 1rem;
  --sp-5: 1.25rem; --sp-6: 1.5rem;  --sp-8: 2rem;    --sp-10: 2.5rem;
  --sp-12: 3rem;

  /* Raios */
  --r-xs: 6px; --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 22px; --r-full: 999px;

  /* Sombras */
  --sh-xs: 0 1px 2px rgba(13, 23, 38, .06);
  --sh-sm: 0 1px 3px rgba(13, 23, 38, .08), 0 1px 2px rgba(13, 23, 38, .04);
  --sh-md: 0 4px 14px rgba(13, 23, 38, .08), 0 1px 3px rgba(13, 23, 38, .05);
  --sh-lg: 0 14px 40px rgba(13, 23, 38, .14), 0 3px 10px rgba(13, 23, 38, .06);
  --sh-xl: 0 28px 70px rgba(13, 23, 38, .22);
  --sh-gold: 0 6px 18px rgba(255, 199, 44, .32);

  /* Estrutura */
  --sidebar-w: 268px;
  --sidebar-w-mini: 76px;
  --topbar-h: 66px;
  --bottom-nav-h: 64px;
  --radius-panel: var(--r-lg);
  --transition: 180ms cubic-bezier(.4, 0, .2, 1);

  --z-sidebar: 40;
  --z-topbar: 30;
  --z-bottomnav: 45;
  --z-drawer: 60;
  --z-modal: 70;
  --z-toast: 90;
}

[data-theme="dark"] {
  --bg:              #060B13;
  --bg-alt:          #0A111C;
  --surface:         #0D1626;
  --surface-2:       #111C2E;
  --surface-3:       #16243A;
  --surface-inset:   #0A1220;
  --border:          #1D2C44;
  --border-strong:   #2A3D5A;
  --text:            #E9F0FA;
  --text-2:          #B3C2D8;
  --muted:           #7E90AA;
  --overlay:         rgba(2, 6, 13, .68);

  --pna-gold-soft:   rgba(255, 199, 44, .14);
  --pna-red-soft:    rgba(200, 16, 46, .18);
  --pna-green-soft:  rgba(14, 124, 74, .2);

  --grad-sidebar:    #081426;

  --sh-xs: 0 1px 2px rgba(0, 0, 0, .4);
  --sh-sm: 0 1px 3px rgba(0, 0, 0, .45);
  --sh-md: 0 4px 16px rgba(0, 0, 0, .5);
  --sh-lg: 0 16px 44px rgba(0, 0, 0, .6);
  --sh-xl: 0 28px 70px rgba(0, 0, 0, .7);
}