/**
 * Stellatos Advisory — design tokens.
 *
 * Single source of truth για χρώματα, γραμματοσειρές και αποστάσεις.
 * ΠΡΟΣΟΧΗ: το Global Kit του page builder κρατάει τα ΙΔΙΑ χρώματα/fonts,
 * αντιγραμμένα χειροκίνητα. Κάθε αλλαγή εδώ πρέπει να περάσει και εκεί.
 *
 * @package Stellatos_Child
 */

:root {
	/* Brand palette --------------------------------------------------- */
	--color-primary: #0A1830;        /* navy */
	--color-secondary: #AC7B39;      /* gold */
	--color-text: #111827;
	--color-text-light: #F5F5F5;
	--color-bg-cream: #F7F5F0;
	--color-border: #E5E2DA;

	/* Typography ------------------------------------------------------ */
	--font-heading: 'Playfair Display', serif;
	--font-body: 'Inter', sans-serif;

	/* Derived tokens -------------------------------------------------- */
	/* Παράγωγα tokens: χτίζονται πάνω στην παλέτα, δεν την αντικαθιστούν. */
	--color-primary-hover: #16294d;
	--color-secondary-hover: #96692c;
	--color-text-muted: #5b6472;
	--color-surface: #FFFFFF;
	--color-overlay: rgba(10, 24, 48, 0.55);

	--font-size-eyebrow: 0.6875rem;  /* 11px — kickers, section labels */
	--font-size-small: 0.8125rem;    /* 13px — meta, buttons, top bar */
	--font-size-base: 1rem;
	--font-size-h4: 1.375rem;
	--letter-spacing-wide: 0.08em;

	--space-xs: 0.25rem;
	--space-sm: 0.5rem;
	--space-md: 1rem;
	--space-lg: 1.5rem;
	--space-xl: 2.5rem;

	--radius-sm: 2px;
	--radius-md: 4px;

	--shadow-panel: 0 18px 40px rgba(10, 24, 48, 0.16);
	--transition-fast: 160ms ease;

	--container-width: 1200px;

	/* Ίδιο πλάτος με το .ast-container του Astra (header/content row) — π.χ. 20px
	 * padding, 1440px max-width με τις τρέχουσες ρυθμίσεις Layout > Container στο
	 * Astra Customizer. Χρησιμοποιείται εκεί όπου κάτι πρέπει να ευθυγραμμιστεί
	 * ακριβώς με το header/footer του Astra (π.χ. η top bar). */
	--header-container-width: 1440px;
	--header-container-padding: 20px;
}