/* Landing do César. Mesma identidade do app (Cesar.Web/wwwroot/css/app.css), mas folha independente: a landing não compartilha componentes com o chat e precisa carregar o mínimo — uma folha só, sem webfont, tudo em cima da pilha de fontes do sistema. */ :root { color-scheme: light; --canvas: #f3f1eb; --surface: #fffefa; --surface-strong: #ffffff; --ink: #17201b; --ink-muted: #5c665e; --line: #d9dcd5; --panel-line: #c8cec8; --green: #176b45; --green-dark: #0f4d32; --green-soft: #e4f0e8; --on-accent: #ffffff; --accent-ink: #0f4d32; --user-bubble: #0f4d32; --on-user-bubble: #ffffff; --glow-accent: rgba(23, 107, 69, 0.26); --shadow-1: 0 2px 8px rgba(23, 32, 27, 0.06); --shadow-2: 0 12px 36px rgba(23, 32, 27, 0.09); /* Texto pequeno; em toque sobe um degrau (ver pointer: coarse abaixo). */ --text-xs: 0.78rem; --text-sm: 0.88rem; --radius: 14px; --max-width: 68rem; } /* Tema: sem escolha guardada segue o sistema; com data-theme no (gravado pelo botão do header em localStorage e aplicado antes da pintura) a escolha vence nos dois sentidos. */ @media (pointer: coarse) { :root { --text-xs: 0.85rem; --text-sm: 0.94rem; } } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; --canvas: #12181a; --surface: #1a2124; --surface-strong: #20282b; --ink: #e8ebe6; --ink-muted: #9aa69c; --line: #2c3538; --panel-line: #364043; --green: #3ba873; --green-dark: #2c9161; --green-soft: #1c2f26; --on-accent: #0c1512; --accent-ink: #64c295; --user-bubble: #2c9161; --on-user-bubble: #0c1512; --glow-accent: rgba(59, 168, 115, 0.22); --shadow-1: 0 2px 8px rgba(0, 0, 0, 0.35); --shadow-2: 0 12px 36px rgba(0, 0, 0, 0.45); } } :root[data-theme="dark"] { color-scheme: dark; --canvas: #12181a; --surface: #1a2124; --surface-strong: #20282b; --ink: #e8ebe6; --ink-muted: #9aa69c; --line: #2c3538; --panel-line: #364043; --green: #3ba873; --green-dark: #2c9161; --green-soft: #1c2f26; --on-accent: #0c1512; --accent-ink: #64c295; --user-bubble: #2c9161; --on-user-bubble: #0c1512; --glow-accent: rgba(59, 168, 115, 0.22); --shadow-1: 0 2px 8px rgba(0, 0, 0, 0.35); --shadow-2: 0 12px 36px rgba(0, 0, 0, 0.45); } *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body { margin: 0; background: var(--canvas); color: var(--ink); font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1.0625rem; line-height: 1.6; -webkit-font-smoothing: antialiased; } h1, h2, h3 { line-height: 1.15; margin: 0 0 0.75rem; text-wrap: balance; letter-spacing: -0.015em; } p { margin: 0 0 1rem; } a { color: var(--accent-ink); } /* Anel de foco único para todo controle: sem isto cada navegador desenha o seu (e o Safari quase nada), e quem navega por teclado perde o rastro entre botões, links e o