:root {
  /* Cores - paleta RRGK (dourado + azul navy) */
  --azul-rrgk:       #1B2A4A;  /* azul navy do logo */
  --azul-rrgk-2:     #243757;  /* azul um pouco mais claro */
  --azul-rrgk-3:     #2E466C;
  --dourado:         #C9A24A;  /* dourado principal */
  --dourado-2:       #DDB868;
  --dourado-3:       #B89238;
  --dourado-soft:    rgba(201, 162, 74, 0.14);
  --dourado-soft-2:  rgba(201, 162, 74, 0.08);

  /* Superficies */
  --bg:           #F5F4EF;        /* creme suave de fundo */
  --bg-elev:      #FFFFFF;        /* paineis */
  --surface:      #FFFFFF;
  --surface-2:    #FAFAF6;
  --sidebar-bg:   #FAFAF8;
  --topbar-bg:    #FFFFFF;
  --border:       #E4E1D6;
  --border-2:     #EDEAE0;

  /* Texto */
  --text:        #1B2A4A;
  --text-soft:   #455A7F;
  --text-dim:    #7B8AA3;
  --text-mute:   #98A3B7;
  --text-on-azul: #F5F4EF;

  /* Estado */
  --success:     #2C9A66;
  --success-soft: rgba(44, 154, 102, 0.12);
  --danger:      #C8453D;
  --danger-soft: rgba(200, 69, 61, 0.12);
  --warning:     #D9942A;
  --warning-soft: rgba(217, 148, 42, 0.14);
  --info:        #2C6FA8;
  --info-soft:   rgba(44, 111, 168, 0.12);

  /* Cor de acento global (substitui o laranja do template). */
  --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;
  --fs-xs:   12px;
  --fs-sm:   13px;
  --fs-base: 14px;
  --fs-lg:   16px;
  --fs-xl:   20px;
  --fs-2xl:  26px;

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

  /* Raios e sombras */
  --radius:    10px;
  --radius-sm: 6px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(27, 42, 74, 0.05);
  --shadow:    0 6px 18px rgba(27, 42, 74, 0.08);
  --shadow-lg: 0 14px 32px rgba(27, 42, 74, 0.12);
  --shadow-glass: 0 8px 28px rgba(27, 42, 74, 0.10);

  /* Layout */
  --sidebar-w: 248px;
  --sidebar-w-collapsed: 72px;
  --topbar-h: 60px;
}