/* ============================================
   NAVA ADVOCACIA — DESIGN TOKENS v1.0
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fraunces:wght@500;600;700&display=swap');

:root {
  /* CORES INSTITUCIONAIS */
  --nv-color-primary-900: #0F1A33;
  --nv-color-primary-800: #1A2744;
  --nv-color-primary-700: #2A3A5C;
  --nv-color-primary-600: #3D4F73;
  --nv-color-primary-100: #E8ECF4;

  /* DOURADO (ACENTO) */
  --nv-color-accent-700: #A8893F;
  --nv-color-accent-600: #B89951;
  --nv-color-accent-500: #C9A961;
  --nv-color-accent-200: #E8D9A8;
  --nv-color-accent-100: #FFF8E8;

  /* NEUTROS */
  --nv-color-white: #FFFFFF;
  --nv-color-neutral-50:  #F7F8FB;
  --nv-color-neutral-100: #F0F1F4;
  --nv-color-neutral-200: #E5E7EB;
  --nv-color-neutral-300: #D1D5DB;
  --nv-color-neutral-400: #9CA3AF;
  --nv-color-neutral-500: #6B7280;
  --nv-color-neutral-600: #4B5563;
  --nv-color-neutral-700: #374151;
  --nv-color-neutral-800: #1F2937;
  --nv-color-neutral-900: #111827;

  /* CORES SEMÂNTICAS */
  --nv-color-success:      #059669;
  --nv-color-success-bg:   #D1FAE5;
  --nv-color-success-text: #065F46;
  --nv-color-warning:      #D97706;
  --nv-color-warning-bg:   #FEF3C7;
  --nv-color-warning-text: #92400E;
  --nv-color-danger:       #DC2626;
  --nv-color-danger-bg:    #FEE2E2;
  --nv-color-danger-text:  #991B1B;
  --nv-color-info:         #2563EB;
  --nv-color-info-bg:      #DBEAFE;
  --nv-color-info-text:    #1E40AF;

  /* TIPOGRAFIA */
  --nv-font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --nv-font-family-brand: 'Fraunces', 'Playfair Display', Georgia, serif;
  --nv-font-family-mono: 'SF Mono', Menlo, Consolas, monospace;

  --nv-font-size-micro:   11px;
  --nv-font-size-caption: 12px;
  --nv-font-size-small:   13px;
  --nv-font-size-body:    14px;
  --nv-font-size-h3:      16px;
  --nv-font-size-h2:      20px;
  --nv-font-size-h1:      24px;
  --nv-font-size-display: 32px;

  --nv-font-weight-regular:  400;
  --nv-font-weight-medium:   500;
  --nv-font-weight-semibold: 600;
  --nv-font-weight-bold:     700;

  --nv-line-height-tight:   1.2;
  --nv-line-height-base:    1.4;
  --nv-line-height-relaxed: 1.6;

  --nv-letter-spacing-tight: -0.01em;
  --nv-letter-spacing-base:  0;
  --nv-letter-spacing-wide:  0.05em;
  --nv-letter-spacing-wider: 0.1em;

  /* ESPAÇAMENTO (escala 4px) */
  --nv-space-0:  0;
  --nv-space-1:  4px;
  --nv-space-2:  8px;
  --nv-space-3:  12px;
  --nv-space-4:  16px;
  --nv-space-5:  20px;
  --nv-space-6:  24px;
  --nv-space-8:  32px;
  --nv-space-10: 40px;
  --nv-space-12: 48px;
  --nv-space-16: 64px;
  --nv-space-20: 80px;

  /* RAIOS E BORDAS */
  --nv-radius-sm:   4px;
  --nv-radius-md:   6px;
  --nv-radius-lg:   10px;
  --nv-radius-xl:   12px;
  --nv-radius-2xl:  16px;
  --nv-radius-full: 9999px;

  --nv-border-width-thin:   1px;
  --nv-border-width-medium: 2px;
  --nv-border-width-thick:  3px;

  /* SOMBRAS */
  --nv-shadow-xs: 0 1px 2px rgba(17, 24, 39, 0.04);
  --nv-shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.04), 0 1px 3px rgba(17, 24, 39, 0.06);
  --nv-shadow-md: 0 4px 6px rgba(17, 24, 39, 0.05), 0 10px 15px rgba(17, 24, 39, 0.08);
  --nv-shadow-lg: 0 20px 25px rgba(17, 24, 39, 0.10), 0 10px 10px rgba(17, 24, 39, 0.04);
  --nv-shadow-focus: 0 0 0 3px rgba(201, 169, 97, 0.35);

  /* TRANSIÇÕES */
  --nv-easing-standard:    cubic-bezier(0.4, 0, 0.2, 1);
  --nv-easing-accelerate:  cubic-bezier(0.4, 0, 1, 1);
  --nv-easing-decelerate:  cubic-bezier(0, 0, 0.2, 1);

  --nv-duration-fast:   100ms;
  --nv-duration-base:   150ms;
  --nv-duration-medium: 200ms;
  --nv-duration-slow:   300ms;

  --nv-transition-base:  all var(--nv-duration-base) var(--nv-easing-standard);
  --nv-transition-color: color var(--nv-duration-base) var(--nv-easing-standard),
                         background-color var(--nv-duration-base) var(--nv-easing-standard),
                         border-color var(--nv-duration-base) var(--nv-easing-standard);

  /* Z-INDEX */
  --nv-z-base:     0;
  --nv-z-dropdown: 100;
  --nv-z-sticky:   200;
  --nv-z-overlay:  300;
  --nv-z-modal:    400;
  --nv-z-popover:  500;
  --nv-z-toast:    600;
  --nv-z-tooltip:  700;

  /* DIMENSÕES DE LAYOUT */
  --nv-sidebar-left-width:           240px;
  --nv-sidebar-left-width-collapsed: 64px;
  --nv-sidebar-right-width:          80px;
  --nv-conversation-list-width:      360px;
  --nv-header-height:                64px;
  --nv-input-min-height:             64px;
  --nv-input-max-height:             200px;
}

/* RESET BÁSICO */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* CLASSES UTILITÁRIAS */
.nv-focus-ring:focus-visible {
  outline: var(--nv-border-width-medium) solid var(--nv-color-accent-500);
  outline-offset: 2px;
  box-shadow: var(--nv-shadow-focus);
}

.nv-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}