/* Satori Psicologia — tokens
   Nenhum valor bruto nos componentes: tudo sai daqui. */
:root{
  /* Marca — amostrada da logo real */
  --satori-campo:#6EB166;
  --satori-verde:#3B6531;
  --satori-girassol:#FFCC1B;
  --satori-petala:#F0A818;
  --satori-miolo:#502E24;

  /* Versões de interface (a cor pura satura demais em superfície grande) */
  --verde-ui:#2C4F26;
  --verde-ui-hover:#213B22;
  --verde-profundo:#213B22;
  --verde-profundo-2:#2A4A2B;
  --verde-suave:#DDE9D3;
  --verde-suave-2:#CBDDBE;

  /* Neutro quente, 12 degraus (puxado para creme/verde, não cinza) */
  --ink-000:#FFFDF7;
  --ink-050:#FAF6EA;
  --ink-100:#F6F0E1;
  --ink-200:#EFE7D3;
  --ink-300:#E2D9C2;
  --ink-400:#C9C1A9;
  --ink-500:#9A9582;
  --ink-600:#6F7262;
  --ink-700:#55604F;
  --ink-800:#384234;
  --ink-900:#22281F;
  --ink-1000:#141A13;

  /* Papéis — é isto que os componentes usam */
  --bg:var(--ink-100);
  --fg:var(--ink-900);
  --fg-title:var(--verde-profundo);
  --fg-muted:var(--ink-700);
  --line:rgba(33,59,34,.16);
  --line-strong:rgba(33,59,34,.34);
  --accent:var(--verde-ui);
  --accent-hover:var(--verde-ui-hover);
  --accent-fg:var(--ink-050);
  --link:var(--satori-verde);
  --mark:var(--satori-girassol);
  --focus:var(--verde-profundo);
  --voz:var(--satori-verde);           /* a voz do visitante, em itálico */

  /* Tipografia: duas famílias */
  --f-display:"Newsreader","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --f-body:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

  --t-sm:.9375rem;                                        /* 15 */
  --t-base:clamp(1.0625rem,1rem + .25vw,1.1875rem);       /* 17 → 19 */
  --t-lg:clamp(1.1875rem,1.1rem + .45vw,1.375rem);        /* 19 → 22 */
  --t-xl:clamp(1.375rem,1.2rem + .9vw,1.875rem);          /* 22 → 30 */
  --t-2xl:clamp(1.75rem,1.35rem + 1.9vw,2.875rem);        /* 28 → 46 */
  --t-3xl:clamp(2rem,1.3rem + 3.2vw,3.75rem);             /* 32 → 60 */
  --t-hero:clamp(1.9rem,.9rem + 5vw,5.75rem);             /* 30 → 92 */
  --t-cartaz:clamp(2.5rem,1rem + 7.4vw,7.5rem);           /* 40 → 120 */
  --t-faixa:clamp(3rem,1.5rem + 7.5vw,8rem);

  --lh-tight:1.06;
  --lh-title:1.14;
  --lh-body:1.62;
  --measure:34rem;

  /* Espaço */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem;
  --sp-6:2rem; --sp-7:3rem; --sp-8:4rem; --sp-9:6rem;
  --sec-y:clamp(4.5rem,3rem + 6vw,7.5rem);
  --gutter:clamp(1.25rem,5vw,5rem);
  --col-gap:clamp(1rem,2vw,1.5rem);
  --wrap:77.5rem;
  --header-h:4.5rem;

  /* Forma */
  --radius-1:3px;
  --radius-2:4px;

  /* Fotografia: três tokens de upgrade para quando chegar a foto original */
  --retrato-w:28.75rem;   /* 460 px — teto enquanto a fonte for o print */
  --detalhe-w:11.5rem;    /* 184 px */
  --passe:1.5rem;         /* margem de papel do passe-partout */

  /* Tempo */
  --dur-fast:.22s;
  --dur-base:.45s;
  --dur-slow:.9s;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
}

/* Temas por seção: trocam só os PAPÉIS. O componente não sabe onde está. */
.is-paper{ --bg:var(--ink-000); }

.is-soft{
  --bg:var(--verde-suave);
  --line:rgba(33,59,34,.2);
  --line-strong:rgba(33,59,34,.4);
  --fg-muted:#3F4F3B;
}

.is-dark{
  --bg:var(--verde-profundo);
  --fg:var(--ink-100);
  --fg-title:var(--ink-050);
  --fg-muted:#C5D3BC;
  --line:rgba(246,240,225,.22);
  --line-strong:rgba(246,240,225,.45);
  --accent:var(--satori-girassol);
  --accent-hover:#FFDA55;
  --accent-fg:var(--verde-profundo);
  --link:var(--ink-100);
  --focus:var(--satori-girassol);
  --voz:#BBD3AE;
  color-scheme:dark;
}

/* Amarelo de girassol: uma página inteira, uma vez só */
.is-sun{
  --bg:var(--satori-girassol);
  --fg:#23270F;
  --fg-title:var(--verde-profundo);
  --fg-muted:#3F3D14;
  --line:rgba(33,59,34,.3);
  --line-strong:rgba(33,59,34,.6);
  --accent:var(--verde-profundo);
  --accent-hover:#16291A;
  --accent-fg:var(--ink-050);
  --link:var(--verde-profundo);
  --focus:var(--verde-profundo);
  --voz:#3B4A17;
}

/* Verde noite: a seção do texto dos girassóis */
.is-noite{
  --bg:#152A19;
  --fg:#E8EFE2;
  --fg-title:#FAF6EA;
  --fg-muted:#B9CCB0;
  --line:rgba(232,239,226,.2);
  --line-strong:rgba(232,239,226,.42);
  --accent:var(--satori-girassol);
  --accent-hover:#FFDA55;
  --accent-fg:#152A19;
  --link:#FFD86B;
  --focus:var(--satori-girassol);
  --voz:#C9DCBE;
  color-scheme:dark;
}

/* Marrom do miolo */
.is-miolo{
  --bg:#2E1A13;
  --fg:#F3E9D8;
  --fg-title:#FBF3E4;
  --fg-muted:#DCC8AE;
  --line:rgba(243,233,216,.2);
  --line-strong:rgba(243,233,216,.42);
  --accent:var(--satori-girassol);
  --accent-hover:#FFDA55;
  --accent-fg:#2E1A13;
  --link:#FFD86B;
  --focus:var(--satori-girassol);
  --voz:#F0B95A;
  color-scheme:dark;
}

@media (max-width:47.99rem){
  :root{ --header-h:3.75rem; --passe:1rem; }
}