/**
 * Tema: WordPress Site Factory - Starter Theme
 * Arquivo: assets/css/tokens.css
 * 
 * Desenvolvido por: Roger Alves
 * Data da Modificacao: 2026-05-28
 * Hora da Modificacao: 17:58
 *
 * Todos os direitos reservados.
 */

:root {
	/* Paleta de Cores Gnostica */
	--color-primary: #062547;
	--color-primary-dark: #071524;
	--color-primary-light: #163657;
	
	--color-secondary: #f4b942;
	--color-secondary-dark: #dfa119;
	--color-secondary-light: #f7cb71;

	--color-accent: #700c14;
	--color-accent-dark: #50080e;
	--color-accent-light: #941721;

	--color-bg-light: #ffffff;
	--color-bg-surface: #f6f7f9;
	--color-bg-dark: #0a192f;

	--color-text-primary: #1f2937;
	--color-text-secondary: #4b5563;
	--color-text-muted: #6b7280;
	--color-text-on-dark: #ffffff;

	/* Tipografia */
	--font-headings: 'Raleway', sans-serif;
	--font-body: 'Raleway', sans-serif;

	/* Escala de Espacamento e Layout */
	--container-width: 1120px;
	--space-section: clamp(4rem, 8vw, 7rem);
	--space-item: clamp(1rem, 2vw, 1.5rem);

	/* Bordas e Sombras */
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 16px;
	--radius-full: 9999px;
	
	--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

	/* Transicoes e Movimentos */
	--transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--transition-fast: all 0.15s ease-in-out;
}

html[data-gpm-theme="dark"] {
	color-scheme: dark;

	--color-primary: #ffffff;
	--color-primary-dark: #030f1d;
	--color-primary-light: #1f2b3a;

	--color-secondary: #fdba49;
	--color-secondary-dark: #efae3d;
	--color-secondary-light: #ffd27a;

	--color-accent: #8a2124;
	--color-accent-dark: #6a1518;
	--color-accent-light: #b03238;

	--color-bg-light: #071422;
	--color-bg-surface: #14202f;
	--color-bg-dark: #030f1d;

	--color-text-primary: #ffffff;
	--color-text-secondary: #ffffff;
	--color-text-muted: #ffffff;
	--color-text-on-dark: #ffffff;

	--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
	--shadow-md: 0 12px 28px rgba(0, 0, 0, 0.26);
	--shadow-lg: 0 24px 72px rgba(0, 0, 0, 0.34);
}