/* Clipcerto Media · tokens (v2.0.0, 2026-10-28). Origem: marcas/clipcerto-media/assets/tokens.css.
   Os nomes da v1 (--brand, --acao, --fundo, --t0, --e5, --r-cartao...) continuam; os novos estão marcados.
   Claro por padrão; escuro por prefers-color-scheme; [data-theme="light|dark"] força um dos dois.
   Contraste medido pela marca (assets/contraste.json): todo texto >= 4,5:1 nos dois temas.
   Regra de cor: vinho é a marca; tungstênio é a luz (selo, destaque, botão no escuro), nunca texto
   sobre fundo claro. Para texto cor de tungstênio no claro, use --acento-texto. */

@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-stretch:100% 125%;font-display:swap;
  src:url('../fonts/archivo-latin-var.woff2') format('woff2-variations'),url('../fonts/archivo-latin-var.woff2') format('woff2');
  unicode-range:U+0020-007E,U+00A0-00FF,U+0131,U+0152-0153,U+2013-2014,U+2018-2019,U+201C-201D,U+2022,U+2026,U+20AC,U+2122,U+2212}

:root{
  /* paleta de referência (não use direto nos componentes; use os papéis abaixo) */
  --vinho-900:#3D0A1A; --vinho-700:#6E1630; --vinho-500:#A3264A; --vinho-300:#F2A7B8;
  --tungstenio-700:#8F4700; --tungstenio-500:#FF9E2C; --tungstenio-300:#FFC27A;
  --neutro-0:#FFFFFF; --neutro-50:#FAF7F5; --neutro-100:#F3ECEA; --neutro-200:#E8DDDF;
  --neutro-500:#8A7479; --neutro-600:#6B5560; --neutro-800:#2E1220; --neutro-900:#210A14; --tinta:#2B0B19;

  /* papéis de cor */
  --brand:#6E1630;          /* vinho-cortina: logo, links, borda do plano em destaque */
  --sobre-brand:#FFFFFF;
  --acao:#6E1630;           /* botão principal no claro: vinho com texto branco */
  --acao-hover:#5A1027;     /* novo */
  --sobre-acao:#FFFFFF;
  --acento:#FF9E2C;         /* novo · tungstênio: selo, marcador, topo do símbolo em fundo escuro; só forma no claro */
  --sobre-acento:#2B0B19;   /* novo · texto sobre o tungstênio */
  --acento-texto:#8F4700;   /* novo · quando o tungstênio precisa virar texto no claro */
  --fundo:#FAF7F5;          /* papel */
  --superficie:#FFFFFF;
  --superficie-2:#F3ECEA;   /* novo · faixa calma entre seções */
  --palco:#6E1630;          /* novo · faixa de destaque em vinho (amostra, rodapé) */
  --sobre-palco:#FAF7F5;    /* novo */
  --apoio-palco:#F2C9D3;    /* novo · texto secundário sobre o palco */
  --texto:#2B0B19;          /* tinta-vinho, não preto */
  --apoio:#6B5560;
  --linha:#E8DDDF;          /* borda decorativa */
  --campo-borda:#8A7479;    /* borda de campo: 4,3:1 sobre a superfície (piso 3:1) */
  --erro:#B3261E;
  --sobre-erro:#FFFFFF;     /* texto sobre fundo --erro (faixa do quadro "limita direito") */
  --ok:#1E6B3A;             /* novo · confirmação (salvo, ativo); 5,9:1 sobre o papel */
  --sombra:0 1px 2px rgba(43,11,25,.06),0 12px 32px -8px rgba(43,11,25,.14);

  /* tipografia: uma família, duas larguras. Título expandido; texto na largura normal */
  --fonte-titulo:'Archivo',system-ui,sans-serif;
  --fonte-texto:'Archivo',system-ui,sans-serif;
  --largura-titulo:118%;    /* novo · font-stretch dos títulos e do preço */
  --largura-texto:100%;     /* novo */
  --t-1:.8125rem;  /* 13: legenda, nota de rodapé */
  --t0:1rem;       /* 16: botão, rótulo, texto de interface */
  --t1:1.125rem;   /* 18: corpo */
  --t2:1.375rem;   /* 22: subtítulo, h3 */
  --t3:1.75rem;    /* 28: h2 pequeno, preço no celular */
  --t4:2.25rem;    /* 36: h2, preço */
  --t5:clamp(2.5rem,5.2vw,4rem);     /* 40 a 64: h1 */
  --t6:clamp(2.75rem,7vw,5rem);      /* novo · 44 a 80: frase de capa, só uma por página */
  --entrelinha-titulo:1.04; --entrelinha-texto:1.55;

  /* espaço (base 4 px) */
  --e1:4px; --e2:8px; --e3:12px; --e4:16px; --e5:24px; --e6:32px; --e7:48px; --e8:72px; --e9:112px;
  /* raio: o símbolo tem canto de 7% e a família segue a mesma suavidade */
  --r-campo:10px; --r-botao:12px; --r-cartao:20px; --r-moldura:24px; --r-pilula:999px;
  /* movimento */
  --mov:180ms cubic-bezier(.2,.7,.2,1);
  color-scheme:light dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --brand:#F2A7B8; --sobre-brand:#210A14;
    --acao:#FF9E2C; --acao-hover:#FFB255; --sobre-acao:#210A14;
    --acento:#FF9E2C; --sobre-acento:#210A14; --acento-texto:#FFB255;
    --fundo:#210A14; --superficie:#2E1220; --superficie-2:#27101A;
    --palco:#3D0D1F; --sobre-palco:#F8EEF0; --apoio-palco:#E2B8C4;
    --texto:#F8EEF0; --apoio:#CDB3BA; --linha:#4A2534; --campo-borda:#9C7F88; --erro:#FF8F86; --sobre-erro:#210A14;
    --ok:#7FD39A;
    --sombra:0 1px 2px rgba(0,0,0,.4),0 12px 32px -8px rgba(0,0,0,.5);
  }
}
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{
  --brand:#F2A7B8; --sobre-brand:#210A14;
  --acao:#FF9E2C; --acao-hover:#FFB255; --sobre-acao:#210A14;
  --acento:#FF9E2C; --sobre-acento:#210A14; --acento-texto:#FFB255;
  --fundo:#210A14; --superficie:#2E1220; --superficie-2:#27101A;
  --palco:#3D0D1F; --sobre-palco:#F8EEF0; --apoio-palco:#E2B8C4;
  --texto:#F8EEF0; --apoio:#CDB3BA; --linha:#4A2534; --campo-borda:#9C7F88; --erro:#FF8F86; --sobre-erro:#210A14;
  --ok:#7FD39A;
  --sombra:0 1px 2px rgba(0,0,0,.4),0 12px 32px -8px rgba(0,0,0,.5);
  color-scheme:dark;
}
@media (max-width:600px){:root{--largura-titulo:108%}}
@media (prefers-reduced-motion: reduce){:root{--mov:0ms}}