/* CalculadoraPec (Decola Pecuaria) - tema aplicado por cima do CSS original.
   O app usa variaveis HSL no padrao shadcn; aqui so trocamos os valores.
   Paleta: azul ceu #102A4C, laranja decolagem #F2862B, fundo #F5F7FB, lucro #1E9E6A. */
:root{
  --background: 220 40% 97%;
  --foreground: 214 63% 12%;
  --border: 216 28% 87%;
  --card: 0 0% 100%;
  --card-foreground: 214 60% 14%;
  --card-border: 216 30% 90%;
  --sidebar: 214 65% 18%;
  --sidebar-foreground: 220 40% 96%;
  --sidebar-border: 214 55% 24%;
  --sidebar-primary: 214 65% 18%;
  --sidebar-primary-foreground: 220 40% 98%;
  --sidebar-accent: 214 45% 26%;
  --sidebar-accent-foreground: 220 35% 95%;
  --sidebar-ring: 28 89% 56%;
  --popover: 0 0% 100%;
  --popover-foreground: 214 60% 14%;
  --popover-border: 216 28% 87%;
  --primary: 214 65% 18%;
  --primary-foreground: 220 40% 98%;
  --secondary: 216 35% 90%;
  --secondary-foreground: 214 60% 18%;
  --muted: 216 30% 92%;
  --muted-foreground: 215 20% 40%;
  --accent: 28 89% 56%;
  --accent-foreground: 25 80% 8%;
  --input: 215 30% 62%;
  --ring: 28 89% 52%;
  --chart-1: 214 65% 30%;
  --chart-2: 28 89% 56%;
  --chart-3: 200 70% 45%;
  --chart-4: 214 40% 55%;
  --chart-5: 38 90% 60%;
  --status-profit: 156 68% 37%;
  --status-loss: 0 72% 51%;
  --status-warning: 32 92% 50%;
  --font-sans: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: Sora, Manrope, system-ui, sans-serif;
  --radius: .75rem;
}
.dark{
  --background: 216 45% 8%;
  --foreground: 220 30% 93%;
  --border: 215 30% 20%;
  --card: 215 40% 11%;
  --card-foreground: 220 25% 92%;
  --card-border: 215 35% 16%;
  --sidebar: 215 45% 10%;
  --sidebar-foreground: 220 25% 92%;
  --sidebar-border: 215 35% 16%;
  --sidebar-primary: 212 75% 62%;
  --sidebar-primary-foreground: 216 60% 10%;
  --sidebar-accent: 215 30% 20%;
  --sidebar-accent-foreground: 220 25% 90%;
  --sidebar-ring: 28 90% 60%;
  --popover: 215 40% 11%;
  --popover-foreground: 220 25% 92%;
  --popover-border: 215 30% 20%;
  --primary: 212 75% 62%;
  --primary-foreground: 216 60% 10%;
  --secondary: 215 30% 20%;
  --secondary-foreground: 220 25% 90%;
  --muted: 215 30% 17%;
  --muted-foreground: 215 18% 65%;
  --accent: 28 90% 60%;
  --accent-foreground: 25 80% 8%;
  --input: 215 25% 45%;
  --ring: 28 90% 60%;
  --chart-1: 212 75% 62%;
  --chart-2: 28 90% 62%;
  --chart-3: 195 70% 55%;
  --chart-4: 214 40% 70%;
  --chart-5: 38 90% 65%;
  --status-profit: 156 60% 48%;
  --status-loss: 0 75% 60%;
  --status-warning: 35 90% 58%;
}

/* titulos na fonte da marca */
h1,h2,h3,[role="heading"]{font-family:var(--font-display);letter-spacing:-.01em}

/* faixa do preco da arroba (usava gradiente verde fixo) */
[data-testid="arroba-ticker"]{
  background-image:linear-gradient(to right,#0B1B30,#102A4C,#0B1B30)!important;
  border-color:rgba(255,169,92,.22)!important;
}
[data-testid="arroba-ticker"] .bg-emerald-950\/60{background-color:rgba(6,15,28,.6)!important}
[data-testid="arroba-ticker"] .border-emerald-700\/50{border-color:rgba(255,255,255,.12)!important}
[data-testid="arroba-ticker"] .text-emerald-300{color:#FFA95C!important}
[data-testid="arroba-ticker"] .text-emerald-300\/70{color:rgba(255,169,92,.75)!important}
[data-testid="arroba-ticker"] .hover\:text-emerald-200:hover{color:#FFD2A8!important}
[data-testid="arroba-ticker"] .focus\:ring-emerald-300:focus{--tw-ring-color:#FFA95C!important}

/* cabecalho: o logo novo e horizontal; em celular estreito mostra so o simbolo */
[data-testid="img-logo"]{height:2rem!important}
@media (max-width:400px){
  [data-testid="img-logo"]{content:url("/assets/calculadorapec-icone.svg");height:2.25rem!important}
}