/* ==========================================================================
   LINKTOR — tokens.css
   Fonte única de verdade do visual (Brand Book v1.0)
   Slogan: "Um link. Todos os seus imóveis."
   Todo CSS do projeto (vitrine, painel, admin) importa este arquivo.
   ========================================================================== */

:root {
  /* Sempre tema claro — não suportamos dark mode (evita fundo verde no
     celular quando o sistema está em modo escuro). */
  color-scheme: light;

  /* ---- Cores primárias (cruas, do manual) ---------------------------- */
  --verde-petroleo: #0B3D3D;
  --turquesa:       #0EC7C7;
  --verde-agua:     #11B5B0;
  --ciano:          #30D5CF;
  --azul-claro:     #7EF4EF;
  --branco:         #FFFFFF;

  /* ---- Cores de apoio (neutros slate) -------------------------------- */
  --azul-escuro:    #0F172A;
  --cinza:          #334155;
  --cinza-medio:    #64748B;
  --cinza-texto:    #475569;  /* slate-600 — texto suave c/ contraste AA ok */
  --cinza-claro:    #CBD5E1;
  --background:     #F8FAFC;

  /* ---- Papéis semânticos (É ISTO que o código deve usar) ------------- */
  --cor-primaria:      var(--verde-petroleo);  /* base institucional      */
  --cor-marca:         var(--turquesa);        /* destaque / "TOR"        */
  --cor-acento:        var(--verde-agua);       /* botões, links, foco     */
  --cor-acento-suave:  var(--ciano);

  --cor-texto:         var(--azul-escuro);
  --cor-texto-suave:   var(--cinza-texto);
  --cor-borda:         var(--cinza-claro);
  --cor-fundo:         var(--background);
  --cor-superficie:    var(--branco);

  /* ---- Gradiente oficial (nunca alterar as paradas) ------------------ */
  --gradiente-marca: linear-gradient(135deg, #0B3D3D 0%, #0EC7C7 55%, #30D5CF 100%);

  /* ---- Tipografia ---------------------------------------------------- */
  /* "Nunito" no Google Fonts já entrega o desenho arredondado (Rounded). */
  --fonte-principal: "Nunito", system-ui, -apple-system, sans-serif;
  --peso-regular: 400;
  --peso-semibold: 600;
  --peso-bold: 700;

  /* ---- Forma e profundidade (estilo Linear/Notion/Stripe) ------------ */
  --raio: 14px;          /* cantos arredondados em tudo */
  --raio-sm: 10px;
  --raio-pill: 999px;
  --sombra-suave: 0 1px 3px rgba(15, 23, 42, 0.06),
                  0 4px 16px rgba(15, 23, 42, 0.04);
}

/* ==========================================================================
   Defensivo global (v0.24.0) — garante box-sizing em todas as páginas e
   elimina overflow horizontal que, no mobile, causa "rolagem para o branco".
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }
html, body { overflow-x: hidden; max-width: 100%; }
img, video, iframe { max-width: 100%; }