/* ==========================================================================
   Breve · tokens das páginas legais servidas pelo app (cópia de landing/assets/css/tokens.css)
   Mesmos papéis e valores do app (web/app/globals.css, manual da marca §5): papel claro, folha branca, tinta
   azul-marinho para a ação comum, o azul caneta para "o próximo passo" e o amarelo do post-it. O site não tem
   seletor de tema: segue o aparelho (prefers-color-scheme), como o padrão "Sistema" do app.
   Figtree: SIL Open Font License 1.1 (site/fonts/OFL.txt), servida daqui, sem serviço de terceiros.
   ========================================================================== */

@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/site/fonts/figtree-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/site/fonts/figtree-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Destaque: azul caneta. Só "o próximo passo" (um botão cheio por tela) e o post-it do nome. Nunca estado. */
  --lime: #3759ee;
  --lime-deep: #1f3bc0;
  --lime-2: #ffee9c; /* marca-texto: grifo, chip */
  --lime-3: #edf1ff; /* seleção: mensagem da empresa, fundo do contato */
  --lime-line: #c9d4fb;
  --sobre-destaque: #ffffff; /* texto sobre --lime */

  /* Post-it: a superfície de cor da marca. Igual nos dois temas. */
  --bloco: #ffe066;
  --bloco-texto: #161b33;
  --grifo: var(--lime-2);

  /* Neutros: o papel, a folha e as camadas */
  --ink: #161b33;
  --green: #2442cf; /* ação neutra: links, rótulos, foco */
  --mint: #f6f5f0; /* o papel */
  --line: #dedbd0;
  --line-2: #eeede6;
  --line-3: #e6e4db;
  --line-forte: #878478; /* contorno de campo e de botão secundário (3:1) */
  --muted: #5c6178;
  --text-2: #424862;
  --avatar: #e6ebfb;

  /* Estados */
  --coral: #f8c3bd;
  --coral-2: #fbe5e2;
  --red: #c2272f;
  --red-ink: #a6222a;
  --amber: #b07800;
  --amber-2: #fdf0cc;
  --ok-fundo: #dff2e6;
  --ok-texto: #1b6942;

  /* Papéis que mudam no escuro */
  --surface: #fff; /* a folha */
  --fundo-suave: #faf9f5;
  --solido: #161b33; /* tinta: botão principal */
  --solido-texto: #fff;
  --solido-hover: #2b3253;
  --green-fundo: #3759ee; /* folha do símbolo */
  --sobre-claro: #1a1205; /* texto sobre o coral */
  --topo-fundo: rgba(246, 245, 240, 0.94);

  /* Seções escuras do site (o app não usa): ficam escuras nos dois temas */
  --dark-2: #161b33;
  --dark-3: #20264a;
  --dark-line: #2b3253;
  --dark-muted: #b9bed3;
  --sobre-escuro: #eef0f8;
  --riscado: #767c98; /* termo riscado em "O que o Breve não é" */
  --topo-escuro: rgba(22, 27, 51, 0.9);

  /* Ilustrações do app e do WhatsApp */
  --chat-fundo: #eeede6;
  --balao-empresa: var(--lime-3);
  --sombra: 22 27 51; /* rgb da tinta, para sombras: rgb(var(--sombra) / .1) */
  --who-1: #1c6253;
  --who-2: #963a18;
  --who-3: #2340b8;
  --who-4: #6e2f93;
  --who-5: #a3245e;
  --who-6: #1c6253;
  --who-7: #6b4c00;

  /* O caderninho (personagem): o traço clareia no escuro; o rosto fica escuro porque mora na capa azul */
  --pers-traco: #161b33;
  --pers-rosto: #0b1030;
  --pers-folha: #3759ee;
  --pers-verso: #ffffff;
  --pers-postit: #ffe066;
  --pers-bochecha: #ff9fb2;
  --pers-sombra: #161b33;
  --pers-sombra-op: 0.12;
  --pers-lupa: #e6ebfb;

  --font: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow-card: 0 1px 2px rgba(22, 27, 51, 0.06), 0 12px 32px rgba(22, 27, 51, 0.1);

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --lime: #8aa2ff;
    --lime-deep: #a6b9ff;
    --lime-2: #6a5716;
    --lime-3: #1c2343;
    --lime-line: #34407a;
    --sobre-destaque: #0b1030;

    --ink: #eef0f8;
    --green: #a3b6ff;
    --mint: #0f1220;
    --line: #30364f;
    --line-2: #20253a;
    --line-3: #272d44;
    --line-forte: #767c98;
    --muted: #9ea4bd;
    --text-2: #cbd0e3;
    --avatar: #252b46;

    --coral-2: #3a1c1e;
    --red: #ff8c9a;
    --red-ink: #ff9ca6;
    --amber: #e3b04b;
    --amber-2: #2e2611;
    --ok-fundo: #13291e;
    --ok-texto: #7ad1a1;

    --surface: #171b2c;
    --fundo-suave: #131727;
    --solido: #eef0f8;
    --solido-texto: #11152a;
    --solido-hover: #d2d7ea;
    --topo-fundo: rgba(15, 18, 32, 0.94);

    --dark-2: #131727;
    --dark-3: #1c2138;
    --dark-line: #272d44;
    --topo-escuro: rgba(19, 23, 39, 0.9);

    --chat-fundo: #0f1220;
    --sombra: 0 0 0;
    --who-1: #8adcc5;
    --who-2: #ffb59b;
    --who-3: #afc0ff;
    --who-4: #ddb6f6;
    --who-5: #ff9fc4;
    --who-6: #8adcc5;
    --who-7: #ffdd73;

    --pers-traco: #eef0f8;
    --pers-sombra: #000000;
    --pers-sombra-op: 0.35;
    --pers-lupa: #252b46;

    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4), 0 12px 32px rgba(0, 0, 0, 0.5);

    color-scheme: dark;
  }
}