/*
Theme Name: BetChiaro
Theme URI: https://betchiaro.it
Author: BetChiaro
Description: Tema custom per BetChiaro, l'enciclopedia italiana del betting e dei casino online. Sviluppato secondo la Technical Specification v1.0.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: betchiaro
*/

/* ==========================================================================
   1. Palette grezza (livello 1) — valori dal logo, mode-stable
   ========================================================================== */
:root {
	--green-50: #EAF6EF;
	--green-100: #CBE9D8;
	--green-300: #6FBE93;
	--green-500: #1E7A46;
	--green-600: #186339;
	--green-700: #14512F;
	--green-900: #0A2A18;

	--ink-50: #EEF1F2;
	--ink-300: #7C8991;
	--ink-500: #445560;
	--ink-700: #22303A;
	--ink-900: #1B2733;

	--neutral-0: #FFFFFF;
	--neutral-50: #F7F8F7;
	--neutral-200: #E1E4E2;
	--neutral-300: #C6CCC9;
	--neutral-400: #9CA6A1;
	--neutral-600: #666D68;
	--neutral-900: #2B2F2C;

	--red-500: #B3413A;
	--amber-500: #B8842E;

	/* ==========================================================================
	   2. Ruoli semantici (livello 2) — i componenti usano SOLO questi
	   ========================================================================== */
	--color-bg-page: var(--neutral-50);
	--color-bg-surface: var(--neutral-0);
	--color-text-primary: var(--ink-900);
	--color-text-secondary: var(--ink-500);
	--color-text-muted: var(--neutral-600);
	--color-border: var(--neutral-200);
	--color-border-strong: var(--ink-300);

	--color-action-primary: var(--green-500);
	--color-action-primary-hover: var(--green-700);
	--color-on-action-primary: var(--neutral-0);

	--color-link: var(--green-600);
	--color-link-hover: var(--green-700);

	--color-badge-bg: var(--green-50);
	--color-badge-text: var(--green-700);
	--color-badge-border: var(--green-500);

	--color-error: var(--red-500);
	--color-warning: var(--amber-500);

	--color-footer-bg: var(--ink-900);
	--color-footer-text: var(--neutral-400);

	/* ==========================================================================
	   3. Tipografia
	   ========================================================================== */
	--font-heading: 'BtcManrope', -apple-system, BlinkMacSystemFont, sans-serif;
	--font-body: 'BtcInter', -apple-system, BlinkMacSystemFont, sans-serif;

	/* ==========================================================================
	   4. Spaziature e layout
	   ========================================================================== */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-6: 24px;
	--space-8: 32px;
	--space-12: 48px;
	--space-16: 64px;

	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-pill: 999px;

	--content-max-width: 720px;
	--page-max-width: 1200px;
}

/*
 * Predisposizione dark mode (non attiva in MVP): quando verrà introdotta,
 * basterà valorizzare qui i soli token semantici. Nessun componente andrà
 * riscritto, per costruzione (vedi Technical Specification v1.0, sezione 11).
 */
/*
[data-theme="dark"] {
	--color-bg-page: var(--ink-900);
	--color-bg-surface: var(--ink-700);
	--color-text-primary: var(--neutral-50);
}
*/