/* =====================================================================
   CRM PERSONAL — DESIGN TOKENS
   Extraídos do CSS real do Melhor Tarifa CRM
   (backup melhor-tarifa-crm-backup-2026-08-30)

   Origem exacta: styles.css, bloco
   "MELHOR TARIFA — IDENTIDADE VISUAL v3.2.4 — Azul-marinho, dourado e
   prata, inspirados na marca oficial" (linha 248), que é o último bloco
   de tema no ficheiro e por isso o que vence a cascata.

   Confirmado contra assets/melhor-tarifa-logo.png:
     navy dominante  #000816
     dourado escuro  #8b5d11
     dourado claro   #f0ba4c
   — os mesmos extremos do gradiente .primary do CSS.

   NENHUM valor aqui foi escolhido por mim. São os tons do produto.
   ===================================================================== */

:root {
  /* ---- ESCURO (é o tema por omissão do Melhor Tarifa) ---- */
  --color-bg:            #070C14;
  --color-bg-soft:       #0A1220;
  --color-sidebar:       #070B12;
  --color-surface:       #0C1421;
  --color-surface-2:     #101B2C;
  --color-border:        #1B2739;
  --color-text:          #E8EDF5;
  --color-muted:         #8494AC;

  --color-primary:       #D6B25E;   /* dourado — o acento da marca */
  --color-primary-soft:  rgba(215,165,43,.16);
  --color-primary-dark:  #B88A32;

  --color-success:       #28c76f;
  --color-warning:       #f4a62a;
  --color-danger:        #ff5d68;
  --color-neutral:       #c8ced8;   /* "prata" da identidade */

  /* Gradientes literais do Melhor Tarifa */
  --gradient-primary:    linear-gradient(135deg, #b77d0d 0%, #dba92f 48%, #f1d276 100%);
  --gradient-primary-hover: linear-gradient(135deg, #c88c16, #e4b848 52%, #f7de8f);
  --gradient-nav-active:  linear-gradient(110deg, #b57b0c 0%, #e2b94d 55%, #f3d879 100%);
  --gradient-sidebar:
    radial-gradient(circle at 22% 7%, rgba(232,188,72,.13), transparent 28%),
    linear-gradient(180deg, #020817 0%, #07172b 58%, #020a16 100%);
  --gradient-avatar:     linear-gradient(145deg, #b57b0c, #f0cf70);

  /* Dourado com alfa — usado em bordas e fundos subtis */
  --gold-a08:  rgba(215,165,43,.08);
  --gold-a13:  rgba(215,165,43,.13);
  --gold-a16:  rgba(225,184,70,.16);
  --gold-a18:  rgba(225,184,70,.18);
  --gold-a24:  rgba(225,184,70,.24);
  --gold-a34:  rgba(215,165,43,.34);
  --gold-text: #E3C179;   /* dourado legível sobre fundo escuro */

  /* ---- RAIOS (medidos no CSS de origem) ---- */
  --radius-sm:   8px;    /* botões, inputs */
  --radius-md:   11px;   /* cards, painéis */
  --radius-lg:   14px;   /* modais, cards mobile */
  --radius-pill: 999px;  /* badges, pills */
  --radius-nav:  9px;    /* itens da sidebar */

  /* ---- SOMBRAS ---- */
  --shadow-sm:      0 3px 10px rgba(20,33,61,.04);
  --shadow-md:      0 12px 34px rgba(0,0,0,.18);
  --shadow-lg:      0 25px 80px rgba(0,0,0,.32);
  --shadow-primary: 0 7px 18px rgba(184,134,22,.22);
  --shadow-nav:     0 8px 24px rgba(184,134,22,.19);

  /* ---- ESPAÇAMENTOS ---- */
  --space-xs: 6px;
  --space-sm: 10px;
  --space-md: 14px;
  --space-lg: 18px;
  --space-xl: 24px;

  /* ---- TIPOGRAFIA ---- */
  --font-sans: Manrope, Inter, Arial, Helvetica, sans-serif;
  --font-display: Sora, Manrope, Inter, Arial, sans-serif;

  --text-xs:  10px;
  --text-sm:  12px;
  --text-base:13px;
  --text-md:  15px;
  --text-lg:  18px;
  --text-xl:  21px;
  --text-2xl: 25px;
  --metric:   27px;   /* números grandes dos metric-cards */

  /* ---- LAYOUT ---- */
  --sidebar-width:    240px;
  --topbar-height:    90px;
  --container-max:    1600px;
  --bottom-nav-height:62px;

  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  /* Altura externa compartilhada pela barra e pela reserva do conteúdo. */
  --bottom-nav-space: calc(var(--bottom-nav-height) + var(--safe-bottom));

  /* ---- COMPONENTES (dimensões de origem) ---- */
  --control-height:  44px;   /* inputs e botões do topo */
  --touch-min:       48px;   /* alvo mínimo mobile */
  --metric-min-h:    112px;
  --metric-icon:     48px;
}

/* O CRM Personal opera exclusivamente em tema escuro.
   Não existe seletor, modo automático ou sobrescrita clara. */

/* Herdados da base do Melhor Tarifa (styles.css :root, linha 1).
   Mantidos porque alguns estados semânticos ainda os referenciam. */
:root {
  --legacy-navy:   #071c33;
  --legacy-navy-2: #0c2b4c;
  --legacy-blue:   #0d5db8;
  --legacy-blue-2: #164b79;
  --legacy-line:   #e3e9f1;
}