/* ============================================================================
   SIMOB · landing — PONTE DE TOKENS  (auditoria docs/17, Onda 3 / A12)

   POR QUE ESTE ARQUIVO EXISTE
   A landing nasceu com paleta própria em hex, desconectada da fonte de cor do
   sistema (design/tokens/tokens.css, OKLCH). Aqui a paleta passa a ser
   DERIVADA da mesma forma que os tokens canônicos: botões de tom (matiz +
   croma) no topo, cores calculadas em OKLCH abaixo. Trocar o tom da landing
   inteira volta a ser uma linha, como no app.

   REGRA DE OURO DESTA PASSADA: ZERO mudança de pixel. Cada valor OKLCH abaixo
   é a conversão EXATA do hex aprovado (round-trip conferido: hex → OKLCH →
   hex devolve o mesmo hex). O que muda é a ESTRUTURA, não a cor.

   FALLBACK: os hexes aprovados ficam declarados primeiro, literais. O bloco
   @supports só reescreve os mesmos valores em OKLCH. Navegador sem oklch()
   (anterior a Chrome 111 / Safari 15.4 / Firefox 113) fica com o hex — a
   landing nunca perde a cor.

   ⚠ ARMADILHA DE color-mix (aviso vindo da trilha do app, 2026-08-26)
   `color-mix(in oklch, A, B)` interpola matiz pelo ARCO CURTO. Entre matizes
   distantes (ex.: perigo 25 e um cinza frio 248) o caminho curto passa por
   MAGENTA — no app isso pintou de rosa dois campos de erro. Nesta folha e em
   toda a landing: NÃO existe color-mix (conferido por varredura). Se um dia
   precisar misturar, ou usa `in srgb`, ou usa `in oklch shorter hue` só entre
   matizes VIZINHOS (< ~40°), ou — o caminho preferido — cria o token direto.

   DIVERGÊNCIAS AINDA ABERTAS vs. design/tokens/tokens.css
   (decisão do dono; converger muda pixel, por isso NÃO foi feito aqui)
   · marca:   landing 265,1°  ·  token --sismob-matiz 252      → #4F7DF0 viraria #0E86ED (MUDA MUITO)
   · cinzas:  landing 268,5°  ·  token --sismob-matiz-cinza 248 → #8B94AB viraria #8497AA (quase igual)
   · IA:      landing 289,9°  ·  token --sismob-matiz-ia 295     → #8B7BD8 viraria #9278D5 (sutil)
   · quente:  landing  62,7°  ·  token --sismob-matiz-alerta 65  → #E8A05C viraria #E6A15A (imperceptível)
   · sucesso: landing 156,2°  ·  token --sismob-matiz-sucesso 155→ #9FE3B8 viraria #A0E3B7 (imperceptível)
   Converger = trocar o número no botão de tom correspondente. Nada mais.
   ========================================================================== */

:root {
  /* ---- 1 · BOTÕES DE TOM (o único lugar a editar para re-tintar) ----------
     Nomes com prefixo lp- (landing page) DE PROPÓSITO: enquanto os valores
     divergirem dos canônicos, reusar `--sismob-*` seria fingir convergência. */
  --lp-matiz-marca: 265.1;    /* azul da marca no filme                     */
  --lp-matiz-cinza: 268.5;    /* fundos e tintas (frios, quase neutros)     */
  --lp-matiz-ia: 289.9;       /* violeta — EXCLUSIVO de autoria de IA       */
  --lp-matiz-quente: 62.7;    /* âmbar de acolhimento                       */
  --lp-matiz-sucesso: 156.2;  /* verde dos checks de match                  */
  --lp-matiz-ceu: 242.4;      /* azul-céu dos pontos de interesse/splash    */
  --lp-croma: 1;              /* multiplicador global de saturação (0..1.5) */

  /* ---- 2 · PALETA — tema ESCURO (o padrão da jornada) --------------------
     valores literais = fallback exato; o @supports abaixo os re-deriva */
  --fundo:#07090F; --fundo-2:#0C101B;
  --tinta:#F4F6FB; --tinta-2:#8B94AB; --tinta-3:#565E73;
  --acento:#4F7DF0; --ia:#8B7BD8; --quente:#E8A05C;
  --ceu:#62A8DC;          /* dot dos pontos, tag do splash, cursor do compose */
  --ia-claro:#CFC6F2;     /* tinta sobre fundo violeta (badge, chip, ia-tag)  */
  --ck:#9FE3B8;           /* tinta dos checks de característica               */
  --linha:rgba(139,148,171,.14);
  --vidro:rgba(255,255,255,.045);

  /* par ESCURO para destaque sobre superfície CLARA (auditoria A6: o degradê
     claro sobre #F6F7FA dava ~2,4:1 e reprovava AA) */
  --acento-sobre-claro:#2E62C8;
  --ia-sobre-claro:#5F44B8;

  /* ---- 3 · DEGRADÊS DE DESTAQUE (eram 3 cópias do mesmo literal) --------- */
  --degrade-chave:linear-gradient(100deg,var(--ceu) 0%,var(--ia) 55%,var(--quente) 110%);
  --degrade-b:linear-gradient(100deg,var(--ceu) 0%,var(--ia) 90%);
  --degrade-sobre-claro:linear-gradient(100deg,var(--acento-sobre-claro) 0%,var(--ia-sobre-claro) 90%);

  /* ---- 4 · TIPOGRAFIA ---------------------------------------------------- */
  --f-display:ui-serif,'Iowan Old Style',Georgia,serif;
  --f-body:-apple-system,'Segoe UI',system-ui,Roboto,sans-serif;
  --f-mono:ui-monospace,'Cascadia Code',Menlo,monospace;
}

@supports (color: oklch(0 0 0)) {
  :root {
    --fundo:   oklch(0.1404 calc(0.0138 * var(--lp-croma)) var(--lp-matiz-cinza)); /* #07090F */
    --fundo-2: oklch(0.1748 calc(0.0238 * var(--lp-croma)) var(--lp-matiz-cinza)); /* #0C101B */
    --tinta:   oklch(0.9730 calc(0.0070 * var(--lp-croma)) var(--lp-matiz-cinza)); /* #F4F6FB */
    --tinta-2: oklch(0.6671 calc(0.0357 * var(--lp-croma)) var(--lp-matiz-cinza)); /* #8B94AB */
    --tinta-3: oklch(0.4830 calc(0.0353 * var(--lp-croma)) var(--lp-matiz-cinza)); /* #565E73 */
    --acento:  oklch(0.6167 calc(0.1801 * var(--lp-croma)) var(--lp-matiz-marca)); /* #4F7DF0 */
    --ia:      oklch(0.6376 calc(0.1368 * var(--lp-croma)) var(--lp-matiz-ia));    /* #8B7BD8 */
    --quente:  oklch(0.7626 calc(0.1204 * var(--lp-croma)) var(--lp-matiz-quente));/* #E8A05C */
    --ceu:     oklch(0.7064 calc(0.1043 * var(--lp-croma)) var(--lp-matiz-ceu));   /* #62A8DC */
    /* NOTA da conversão: este tom já cai EXATAMENTE no matiz canônico de IA
       (295, --sismob-matiz-ia em design/tokens/tokens.css). Quem diverge dos
       tokens é só o violeta médio (--ia, 289,9) — a tinta clara já convergiu,
       e por isso o 295 fica escrito aqui em vez do botão de tom da landing. */
    --ia-claro:oklch(0.8481 calc(0.0613 * var(--lp-croma)) 295);                  /* #CFC6F2 */
    --ck:      oklch(0.8588 calc(0.0910 * var(--lp-croma)) var(--lp-matiz-sucesso));/* #9FE3B8 */
    --linha:   oklch(0.6671 calc(0.0357 * var(--lp-croma)) var(--lp-matiz-cinza) / .14);
    --vidro:   oklch(1 0 0 / .045);
    --acento-sobre-claro:oklch(0.5193 calc(0.1687 * var(--lp-croma)) 262);              /* #2E62C8 */
    --ia-sobre-claro:    oklch(0.4818 calc(0.1744 * var(--lp-croma)) 288.8);            /* #5F44B8 */
  }
}

/* ============================================================================
   TEMA CLARO — só os semânticos mudam; os botões de tom continuam os mesmos.
   As CENAS DE FILME não entram aqui: elas têm vidro escuro e tinta clara
   FIXOS nos dois temas (decisão do Guilherme) — ver landing.css.
   ========================================================================== */
@media (prefers-color-scheme: light) {
  :root {
    --fundo:#F6F7FA; --fundo-2:#FFFFFF;
    --tinta:#0B0F1A; --tinta-2:#3D4557; --tinta-3:#6A7284;
    --linha:rgba(11,15,26,.12);
    --vidro:rgba(11,15,26,.035);
  }
  @supports (color: oklch(0 0 0)) {
    :root {
      --fundo:   oklch(0.9762 calc(0.0041 * var(--lp-croma)) 271.4);              /* #F6F7FA */
      --fundo-2: oklch(1 0 0);                                                    /* #FFFFFF */
      --tinta:   oklch(0.1702 calc(0.0240 * var(--lp-croma)) var(--lp-matiz-cinza)); /* #0B0F1A */
      --tinta-2: oklch(0.3906 calc(0.0324 * var(--lp-croma)) 266.1);              /* #3D4557 */
      --tinta-3: oklch(0.5517 calc(0.0296 * var(--lp-croma)) 266.4);              /* #6A7284 */
      --linha:   oklch(0.1702 calc(0.0240 * var(--lp-croma)) var(--lp-matiz-cinza) / .12);
      --vidro:   oklch(0.1702 calc(0.0240 * var(--lp-croma)) var(--lp-matiz-cinza) / .035);
    }
  }
}