/*
 * Guia da Baden — tokens do sistema de design.
 *
 * Fonte única de raio, sombra, espaço, cor e tipografia. Todo componente do
 * Guia (ficha, vagas, anúncios, portal) lê daqui: trocar a cor da marca ou o
 * raio dos cartões passa a ser uma linha, e não uma caçada por dezenas de
 * arquivos. Valor solto em componente é bug, não estilo.
 *
 * Os valores abaixo são os que o site já usa hoje — este arquivo documenta e
 * centraliza o que estava espalhado, sem mudar a aparência de nada.
 */
:root {
	/* --- Marca --- */
	--gb-magenta: #C6156B;   /* ação primária */
	--gb-roxo: #7A24E7;      /* fim do gradiente, hover do primário */
	--gb-rosa: #F02562;      /* início do gradiente */
	--gb-navy: #050716;      /* texto e fundos escuros */
	--gb-grad: linear-gradient(120deg, #F02562, #CE168B 45%, #7A24E7);

	/* --- Neutros --- */
	--gb-white: #FFFFFF;
	--gb-off: #F3F6FA;       /* fundo da página */
	--gb-off-2: #F7F8FA;     /* superfície neutra dentro do cartão */
	--gb-line: #E5E7EB;      /* bordas e divisores */
	--gb-line-2: #E1E5EC;    /* borda de cartão sobre fundo claro */
	--gb-ink-70: #5C6879;    /* texto secundário */
	--gb-ink-45: #98A2B1;    /* texto terciário, item inativo */

	/* --- Estado --- */
	--gb-green: #18B26B;     /* aberto agora */
	--gb-green-esc: #0E8A55; /* texto sobre claro */
	--gb-amber: #F2A100;     /* estrelas */
	--gb-warning: #F2A93B;
	--gb-danger: #E03131;
	--gb-whats: #1FA855;     /* verde do WhatsApp */
	--gb-ifood: #D6151F;

	/* --- Semânticos --- */
	--gb-bg: var(--gb-off);
	--gb-surface: var(--gb-white);
	--gb-text: var(--gb-navy);
	--gb-primary: var(--gb-magenta);
	--gb-primary-600: var(--gb-roxo);
	--gb-open: var(--gb-green);
	--gb-closed: var(--gb-ink-45);
	/* Nomes antigos (§5.2), mantidos para os templates do Core não quebrarem. */
	--gb-coral: var(--gb-primary);
	--gb-coral-600: var(--gb-primary-600);
	--gb-gray: var(--gb-line);

	/* --- Raio --- */
	--gb-radius-sm: 10px;    /* chip, badge, miniatura pequena */
	--gb-radius: 14px;       /* botão de caixa, cartão compacto */
	--gb-radius-lg: 18px;    /* cartão de conteúdo */
	--gb-radius-xl: 24px;    /* capa, mídia grande */
	--gb-radius-pill: 999px;

	/* --- Sombra --- */
	--gb-shadow-0: none;                                   /* cartão comum: só linha */
	--gb-shadow-1: 0 1px 2px rgba(5, 7, 22, .05);          /* apoio discreto */
	--gb-shadow-2: 0 14px 32px -18px rgba(5, 7, 22, .35);  /* elemento que flutua */

	/* --- Espaço (escala fechada; distância fora dela é erro) --- */
	--gb-space-1: 4px;
	--gb-space-2: 8px;
	--gb-space-3: 12px;
	--gb-space-4: 16px;
	--gb-space-5: 24px;
	--gb-space-6: 32px;
	--gb-space-7: 48px;
	--gb-space-8: 64px;
	--gb-maxw: 1040px;

	/* --- Botões --- */
	--gb-btn-h: 46px;        /* altura mínima; no toque, nunca abaixo de 44px */
	--gb-btn-h-lg: 52px;
	--gb-btn-pad: 0 18px;
	--gb-btn-radius: var(--gb-radius-pill);

	/* --- Tipografia --- */
	--gb-font: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--gb-h1: 700 clamp(1.6rem, 1.15rem + 1.5vw, 2.5rem) / 1.06 var(--gb-font);
	--gb-h2: 700 clamp(1.25rem, 1.05rem + .8vw, 1.6rem) / 1.2 var(--gb-font);
	--gb-h3: 600 1.0625rem / 1.3 var(--gb-font);
	--gb-body: 400 1rem / 1.6 var(--gb-font);
	--gb-small: 400 .875rem / 1.5 var(--gb-font);
	--gb-label: 600 .6875rem / 1 var(--gb-font);  /* rótulo em caixa alta */
	--gb-num: 700 1.75rem / 1.1 var(--gb-font);

	/* --- Pontos de quebra (referência; media query não lê variável) ---
	 * 1440 desktop grande · 1280 notebook · 1024 tablet paisagem
	 * 768 tablet · 430 celular grande · 360 celular pequeno
	 */
}