/* ==========================================================================
   Sistema visual do site Manifesto Digital — tokens (cores, fonte, medidas).
   Toda cor, raio e espaçamento do site sai daqui. Página nova: inclua este
   arquivo e o componentes.css antes da folha da página.
   ========================================================================== */
@font-face{font-family:'N27';src:url('../fonts/n27.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}

:root{
  color-scheme:dark;
  --piano:#1c1e1f;
  --piano-2:#161718;
  --piano-3:#0e0f10;
  --marble:#f3f3f3;
  --white:#fff;
  --sand:#f3f3f3;
  --brown:#a7a69e;
  --brown-dim:#7d7c75;
  --green:#71bf57;
  --green-hover:#91df77;
  --green-bright:#a2eb87;
  --black:#000;
  --on-green:#0f140f;          /* texto sobre fundo verde (botões) */
  --green-soft:#9fdb88;        /* verde suave dos números e destaques secundários */
  --ink-950:#050506;           /* tons escuros de molduras, aparelhos e sombras */
  --ink-900:#090a0b;
  --ink-850:#111214;
  --ink-800:#141516;
  --ink-600:#252728;
  --ink-500:#2a2c2e;
  --ink-400:#3a3c3e;
  --stone:#aaa79d;             /* selo pedra (cartão claro) */
  --stone-dim:#8f8d85;
  --stone-ink:#373834;
  --night-700:#2b3550;         /* fundo azul-noite (marcador de mídia pendente) */
  --night-950:#0a0d15;
  --panel-from:var(--ink-600);  /* painéis flutuantes (formulário e aviso de cookies) */
  --panel-to:var(--ink-800);
  --field-bg:var(--ink-950);    /* fundo dos campos e véu atrás do formulário */
  --line:color-mix(in srgb,var(--marble) 10%,transparent);
  --line-strong:color-mix(in srgb,var(--marble) 18%,transparent);
  --card-bg:linear-gradient(180deg,color-mix(in srgb,var(--marble) 4.5%,transparent),color-mix(in srgb,var(--marble) 1.2%,transparent));
  --radius:18px;
  --radius-lg:26px;
  --pad:24px;
  --gutter:clamp(20px,4vw,40px);
  --maxw:1200px;
  --nav-h:76px;
  --section-space:clamp(88px,10vw,150px);
  --ease-out:cubic-bezier(.2,.8,.2,1);
}

/* ---------- Paletas (as mesmas do ADM e do Social; a escolha fica no navegador) ----------
   Sem atributo: a paleta Manifesto do site. As demais trocam fundos, texto de apoio e destaque. */
:root[data-theme="oceano"]{--piano:#131a22;--piano-2:#10161d;--piano-3:#0e141a;--brown:#9fb0c2;--brown-dim:#7b8b9c;--green:#5cc8ff;--green-hover:#86d7ff;--green-bright:#9fe0ff;--green-soft:#86d7ff}
:root[data-theme="violeta"]{--piano:#19171f;--piano-2:#15131a;--piano-3:#121017;--brown:#aaa3bd;--brown-dim:#857e98;--green:#b79cff;--green-hover:#cbb7ff;--green-bright:#d6c6ff;--green-soft:#cbb7ff}
:root[data-theme="ambar"]{--piano:#1d1a16;--piano-2:#191612;--piano-3:#15120f;--brown:#b3a894;--brown-dim:#8e8470;--green:#ffb347;--green-hover:#ffc673;--green-bright:#ffd08c;--green-soft:#ffc673}
:root[data-theme="rubi"]{--piano:#1e1819;--piano-2:#1a1415;--piano-3:#161112;--brown:#b8a5a8;--brown-dim:#938083;--green:#ff6b81;--green-hover:#ff8d9e;--green-bright:#ffa3b1;--green-soft:#ff8d9e}
:root[data-theme="grafite"]{--piano:#151515;--piano-2:#111111;--piano-3:#0d0d0d;--brown:#a3a3a3;--brown-dim:#7e7e7e;--green:#f3f3f3;--green-hover:#ffffff;--green-bright:#ffffff;--green-soft:#e6e6e6}
/* Claro: fundos claros e texto escuro; o destaque fica num verde mais fechado para ter contraste no branco.
   --white segue branco (ícones sobre vídeo); aparelhos, sombras e molduras continuam escuros. */
:root[data-theme="claro"]{color-scheme:light;--piano:#ecece9;--piano-2:#e4e4e0;--piano-3:#f5f5f2;--marble:#161718;--sand:#161718;--brown:#55574f;--brown-dim:#7a7c74;--green:#3f8a26;--green-hover:#347420;--green-bright:#2f7a1c;--green-soft:#3f8a26;--on-green:#ffffff;--panel-from:#ffffff;--panel-to:#f1f1ee;--field-bg:#fafaf8}