/* =========================================================
   CENTRAL DO CORRETOR — DESIGN SYSTEM

   Identidade FortLar. O azul veio medido do logo (#163C61 de
   média, #13395E no ponto mais saturado da parede).

   A base continua neutra quente. O contraste entre o papel
   morno e o azul frio da marca é o que evita o resultado de
   painel administrativo azul genérico — se tudo fosse frio, o
   produto perderia a cara de imobiliária.

   O âmbar continua como acento raro: ele é o oposto do azul
   no círculo, então status e favoritos saltam sem esforço.
   ========================================================= */

:root{
  /* --- superfícies --- */
  --bg:            #F6F5F2;
  --surface:       #FFFFFF;
  --surface-2:     #EFEDE7;
  --surface-hover: #F1EFE9;
  --sidebar:       #10283F;   /* azul da marca, escurecido */
  --sidebar-2:     #1B3A58;

  /* --- texto --- */
  --text:          #1A1D1C;
  --text-2:        #6B7270;
  --text-3:        #9AA09D;
  --text-inv:      #F4F3EF;

  /* --- marca --- */
  --primary:       #163C61;   /* medido do logo */
  --primary-2:     #0F2B47;
  --primary-soft:  #E6EDF4;
  --accent:        #B4783A;
  --accent-soft:   #F6EDE1;

  /* --- status --- */
  --st-lancamento: #B4783A;
  --st-obras:      #3D7FA8;
  --st-pronto:     #3F6B4A;
  --st-mcmv:       #7A5AA6;

  /* --- traço --- */
  --line:          #E4E1DA;
  --line-2:        #D3CFC5;
  --line-inv:      rgba(244,243,239,.14);

  /* --- tipografia --- */
  --ui:     "Manrope", system-ui, -apple-system, sans-serif;
  --titulo: "Newsreader", Georgia, serif;

  --fs-xs: .75rem;
  --fs-sm: .8125rem;
  --fs-md: .9375rem;
  --fs-lg: 1.0625rem;
  --fs-xl: 1.375rem;
  --fs-2xl: clamp(1.6rem, 2.4vw, 2.1rem);
  --fs-3xl: clamp(2rem, 3.4vw, 3rem);

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

  /* --- forma --- */
  --r-sm: 4px;
  --r:    8px;
  --r-lg: 12px;
  --sidebar-w: 244px;

  /* sombras discretas: o produto usa traço, não elevação */
  --sh-1: 0 1px 2px rgba(26,29,28,.05);
  --sh-2: 0 4px 16px rgba(26,29,28,.07);
  --sh-3: 0 18px 44px rgba(26,29,28,.14);

  --t:     .18s cubic-bezier(.3,.7,.4,1);
  --t-med: .32s cubic-bezier(.2,.7,.3,1);
}