/**
 * SN Global — design tokens.
 *
 * ESCOPO: cor, tipografia, movimento, raio e borda.
 *
 * Grid, colunas, gap e largura útil NÃO estão aqui. Continuam sendo do plugin
 * Starter Celado, que emite --largurautil, --quantidadecolunas, --valordogap e
 * as derivadas --umacoluna … --vintequatrocolunascomgap. São essas que se usam
 * nos campos de largura do Elementor ao montar layout visualmente, e a
 * tokens.css não substitui esse fluxo.
 *
 * A spec.md §2 previa --sn-space-* e --sn-container; ambos foram omitidos de
 * propósito para não criar duas fontes de verdade para a mesma medida. A
 * sobreposição era literal: o --sn-container: 1280px da spec é exatamente o
 * valor de largura_util do Starter Celado em wide e desktop.
 *
 * Onde a spec pedir var(--sn-container), usar var(--largurautil).
 *
 * Não há colisão de nomes: a lista reservada do Starter Celado é toda em
 * português sem prefixo. Como os dois conjuntos definem propriedades
 * disjuntas, a ordem de cascata entre eles é irrelevante.
 */

:root {
	/* Base escura.
	   O #1a1a1a não veio da spec §2 (que propunha #22211f): é o
	   body_background_color que já está no kit do Elementor e é o fundo real
	   do site hoje. Manter os dois valores criaria emenda visível entre o que
	   o Elementor pinta e o que estes componentes pintam, então o token segue
	   o kit. O grafite #3d3d3d da marca continua como superfície. */
	--sn-bg:            #1a1a1a;   /* fundo principal, igual ao kit */
	--sn-bg-alt:        #141414;   /* seção mais funda, contraste de ritmo */
	--sn-surface:       #3d3d3d;   /* grafite da marca, cards e blocos elevados */
	--sn-surface-hi:    #4a4a4a;   /* hover de superfície */

	/* Texto */
	--sn-ink:           #f8f8f6;   /* texto principal, 15:1 sobre --sn-bg */
	--sn-ink-muted:     #a8a6a1;   /* texto secundário, 7.2:1 sobre --sn-bg */
	--sn-ink-faint:     #85837d;   /* metadado. Clareado do #6f6d69 da spec §2: com as
	                                  camadas de fundo (fundo.css) o valor antigo caía
	                                  para 2.58:1 no ponto mais claro do halo, abaixo do
	                                  mínimo de 3:1 até para texto grande. Agora: 4.59:1
	                                  no fundo limpo, 3.52:1 no pior caso. */
	--sn-border:        rgba(248, 248, 246, 0.10);
	--sn-border-strong: rgba(248, 248, 246, 0.20);

	/* Acento */
	--sn-accent:        #c29d63;   /* dourado, 5.9:1 sobre --sn-bg: livre como texto */
	--sn-accent-hover:  #d9bb8c;   /* dourado clareado; usar como texto sobre --sn-surface */
	--sn-accent-soft:   rgba(194, 157, 99, 0.14);

	/* Seções claras invertidas (uso pontual, no máximo uma por página) */
	--sn-inv-bg:        #f8f8f6;
	--sn-inv-ink:       #3d3d3d;
	--sn-inv-ink-muted: #6b6b6b;
	--sn-inv-accent:    #a8834a;   /* obrigatório: o #c29d63 reprova em fundo claro */
	--sn-inv-border:    rgba(61, 61, 61, 0.12);

	/* Tipografia. Confirmada a partir da home que já existia (post 12):
	   Sora nos títulos (13 ocorrências) e Inter no corpo, via a classe global
	   "fonte" do Elementor. A spec §9 proíbe Google Fonts via CDN, então as
	   duas precisam ser hospedadas localmente com font-display: swap —
	   pendência de implementação, não de decisão. */
	--sn-font-display: 'Sora', system-ui, sans-serif;
	--sn-font-body:    'Inter', system-ui, sans-serif;

	--sn-fs-hero:   clamp(2.5rem, 7vw, 6rem);
	--sn-fs-h1:     clamp(2rem, 5vw, 3.5rem);
	--sn-fs-h2:     clamp(1.5rem, 3.5vw, 2.5rem);
	--sn-fs-h3:     1.5rem;
	--sn-fs-body:   1.0625rem;
	--sn-fs-small:  0.875rem;

	--sn-fw-light:  300;
	--sn-fw-normal: 400;
	--sn-fw-medium: 500;
	--sn-fw-bold:   700;

	--sn-lh-tight:  1.1;
	--sn-lh-normal: 1.6;

	/* Medida de leitura: comprimento máximo de linha de texto corrido.
	   Não é coluna de layout — o Starter Celado não tem conceito equivalente,
	   por isso este fica aqui. Usado pela spec §7.1 e §7.3. */
	--sn-container-text: 720px;

	/* Movimento */
	--sn-ease:      cubic-bezier(0.16, 1, 0.3, 1);
	--sn-dur-fast:  200ms;
	--sn-dur-base:  400ms;
	--sn-dur-slow:  800ms;

	--sn-radius: 2px;
}