/* ==========================================================================
   Pulso Temp — tokens visuais "Policromo Gelo"
   Mesma família do Pulso NPS (Manrope, claro, macio, sombras azuladas, piso de
   12 px, contraste AA), com identidade fria: acento ciano → anil, fundos claros
   levemente azulados. Nada de tema escuro.

   Regra de cor que vale para o app inteiro: o tom VIVO pinta marca (barra,
   ponto, régua, borda); o tom -ink pinta TEXTO, porque o vivo não passa 4,5:1.
   ========================================================================== */

:root {
  color-scheme: light;

  /* superfícies — branco com um sopro de gelo */
  --bg:          #F2F6FB;
  --bg-2:        #E9F1F9;
  --surface:     #FFFFFF;
  --surface-2:   #F8FBFE;
  --surface-3:   #EDF3F9;

  /* tinta (azul-marinho, não preto) */
  --ink:         #0E1A2B;
  --ink-2:       #34445C;
  --muted:       #56657B;   /* 5,9:1 sobre branco; 5,2:1 sobre --surface-3 */

  /* linhas */
  --rule:        #E2EAF3;
  --rule-2:      #CFDBE8;
  --rule-3:      #B3C3D6;
  --field-line:  #8496AD;   /* 3,1:1 — borda de campo precisa de 3:1 */

  /* acento: gelo ciano → anil */
  --accent:      #0369A1;   /* botão (texto branco 5,9:1) e link */
  --accent-2:    #075985;   /* hover do botão */
  --accent-vivo: #0EA5E9;   /* marca: barra, ponto, linha do gráfico */
  --accent-3:    #6366F1;
  --accent-ink:  #075985;   /* texto de acento: 7,4:1 sobre branco */
  --accent-soft: #E3F3FC;
  --accent-line: #B5DEF5;
  --accent-grad: linear-gradient(135deg, #0EA5E9 0%, #3B82F6 52%, #6366F1 100%);
  --frost-grad:  radial-gradient(120% 90% at 12% 0%, #FFFFFF 0%, #EEF6FD 45%, #DDEBFA 100%);

  /* status (SPEC §2) — vivo para marca, -ink para texto, -soft para fundo */
  --ok:        #059669;  --ok-ink:   #046C4E;  --ok-soft:   #E3F8EF;  --ok-line:   #A7E6CB;
  --warn:      #D97706;  --warn-ink: #8A4B00;  --warn-soft: #FFF4DB;  --warn-line: #F6D58E;
  --crit:      #E11D48;  --crit-ink: #B4123B;  --crit-soft: #FFE8EE;  --crit-line: #FBC0CF;
  --off:       #64748B;  --off-ink:  #44536A;  --off-soft:  #EDF1F6;  --off-line:  #CCD6E2;
  --none:      #94A3B8;  --none-ink: #56657B;  --none-soft: #F3F6FA;  --none-line: #DCE3EC;
  --cold:      #2563EB;  --cold-ink: #1D4ED8;  --cold-soft: #E6EEFF;

  /* faixa permitida nos gráficos */
  --faixa:       rgba(5, 150, 105, .10);
  --faixa-linha: rgba(5, 150, 105, .55);

  /* tipografia */
  --f-ui: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-id: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --f-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;

  --t-xs:   12px;
  --t-sm:   13px;
  --t-md:   14px;
  --t-lg:   16px;
  --t-xl:   20px;
  --t-2xl:  26px;
  --t-temp: 40px;   /* a temperatura do cartão */
  --t-hero: 56px;

  /* raio: cresce com o objeto */
  --r-xs: 8px;  --r-sm: 10px;  --r-md: 12px;  --r-lg: 16px;  --r-xl: 22px;  --r-full: 999px;

  /* elevação — sombra azulada */
  --sh-1: 0 1px 2px rgba(14, 40, 80, .06);
  --sh-2: 0 2px 10px rgba(14, 40, 80, .07), 0 1px 2px rgba(14, 40, 80, .05);
  --sh-3: 0 18px 44px rgba(20, 50, 110, .18), 0 3px 8px rgba(14, 40, 80, .07);
  --anel: 0 0 0 3px rgba(2, 132, 199, .18);
  --scrim: rgba(14, 26, 43, .40);

  /* ritmo */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px; --s10: 40px;

  --content-max: 1600px;
  --side-w: 240px;
  --top-h: 64px;
  --pad-x: 28px;
  --nav-h: 64px;     /* barra inferior do celular */

  --ease: cubic-bezier(.2, .7, .2, 1);
}