/* =============================================================================
 * RRGK Design System - tokens
 * Fonte de verdade: docs/design-system.md
 * ===========================================================================*/
:root {
  /* ====== Cores da marca ====== */
  --azul-rrgk:       #1B2A4A;
  --azul-rrgk-2:     #243757;
  --azul-rrgk-3:     #2E466C;

  --dourado:         #C9A84C;   /* dourado principal (DS oficial) */
  --dourado-2:       #DDB868;
  --dourado-3:       #8A6F2E;   /* dourado escuro (hover) */
  --dourado-linha:   #B8972A;   /* borda decorativa PDF */
  --dourado-soft:    rgba(201, 168, 76, 0.16);
  --dourado-soft-2:  rgba(201, 168, 76, 0.08);

  /* ====== Superficies ====== */
  --bg:           #FAFAF8;     /* fundo geral (creme suave) */
  --bg-elev:      #FEFEFE;
  --surface:      #FEFEFE;     /* cards */
  --surface-2:    #F5F3EE;     /* alternancia sutil */
  --sidebar-bg:   #FEFEFE;     /* sidebar branca */
  --topbar-bg:    #FEFEFE;
  --border:       #D9D5CE;
  --border-2:     #E5E2DC;
  --sidebar-border: #DDD9D3;

  /* ====== Texto ====== */
  --text:        #1A1A1A;      /* preto editorial (foreground) */
  --text-soft:   #3F3F3F;
  --text-dim:    #6B7280;
  --text-mute:   #9CA3AF;
  --text-on-primary: #FAFAF8;
  --text-on-azul:    #FAFAF8;

  /* ====== Cor primaria (botao default = preto DS) ====== */
  --primary:            #1A1A1A;
  --primary-hover:      #000000;
  --primary-foreground: #FAFAF8;

  /* ====== Estado / semantico (Tailwind palette) ====== */
  --success:      #059669;     /* emerald-600 */
  --success-bg:   #ECFDF5;     /* emerald-50 */
  --success-border: #A7F3D0;   /* emerald-200 */
  --success-text: #047857;     /* emerald-700 */

  --danger:       #DC2626;     /* red-600 */
  --danger-bg:    #FEF2F2;     /* red-50 */
  --danger-border:#FECACA;     /* red-200 */
  --danger-text:  #B91C1C;     /* red-700 */

  --warning:      #D97706;     /* amber-600 */
  --warning-bg:   #FFFBEB;     /* amber-50 */
  --warning-border:#FDE68A;    /* amber-200 */
  --warning-text: #B45309;     /* amber-700 */

  --info:         #1D4ED8;     /* blue-700 */
  --info-bg:      #EFF6FF;     /* blue-50 */
  --info-border:  #BFDBFE;     /* blue-200 */
  --info-text:    #1D4ED8;

  --muted:        #F3F4F6;     /* gray-100 */
  --muted-text:   #4B5563;     /* gray-600 */
  --muted-border: #E5E7EB;     /* gray-200 */

  /* legacy aliases para nao quebrar templates */
  --success-soft: var(--success-bg);
  --danger-soft:  var(--danger-bg);
  --warning-soft: var(--warning-bg);
  --info-soft:    var(--info-bg);

  /* ====== Financeiro ====== */
  --fin-entrada:  #059669;
  --fin-saida:    #DC2626;
  --fin-saldo-pos:#1D4ED8;
  --fin-saldo-neg:#DC2626;
  --fin-a-pagar:  #D97706;

  /* ====== Acento ====== */
  --accent:        var(--dourado);
  --accent-hover:  var(--dourado-3);
  --accent-soft:   var(--dourado-soft);

  /* ====== Tipografia ====== */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: "Playfair Display", "Georgia", serif;

  --fs-xs:   12px;
  --fs-sm:   14px;
  --fs-base: 16px;
  --fs-lg:   18px;
  --fs-xl:   20px;
  --fs-2xl:  24px;
  --fs-3xl:  30px;
  --fs-4xl:  36px;

  /* ====== Espacos ====== */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* ====== Raios (DS oficial) ====== */
  --radius:    6px;
  --radius-sm: 4px;
  --radius-md: 5px;
  --radius-lg: 6px;
  --radius-xl: 8px;

  /* ====== Sombras (sutis) ====== */
  --shadow-sm: 0 1px 2px rgba(26, 26, 26, 0.04);
  --shadow:    0 4px 12px rgba(26, 26, 26, 0.06);
  --shadow-lg: 0 12px 28px rgba(26, 26, 26, 0.10);
  --shadow-glass: 0 8px 24px rgba(26, 26, 26, 0.08);

  /* ====== Layout ====== */
  --sidebar-w: 256px;
  --sidebar-w-collapsed: 64px;
  --topbar-h: 60px;
}