/* ========================================
   VARIABLES.CSS
   Global CSS variables for World Dowsing France
======================================== */

/* CSS Variables for World Dowsing France */
:root {
	/* Primary colors */
	--color-primary: #e0d8c7;
	--color-primary-light: rgba(255, 248, 240, 0.95);
	--color-primary-dark: linear-gradient(135deg, #2c1810 0%, #4a2c17 100%);

	/* Neutral colors */
	--color-white: #ffffff;
	--color-black: #000000;
	--color-gray-100: #f5f5f5;
	--color-gray-200: #eeeeee;
	--color-gray-900: #212121;

	/* Typography */
	--font-base: 'Source Sans Pro', sans-serif;
	--font-base-color: #f5f5dc;
	--font-size-base: 16px;
	--font-size-h2: 40px;
	--font-size-h3: 32px;
	--line-height-base: 1.5;

	/* Background colors */
	--bg: var(--color-primary);

	/* Header colors */
	--header-bg: var(--color-primary-dark);
    --header-text: #f5f5dc;
    --header-text-hover: #D2691E;
    --header-text-active: #D2691E;

	/* Spacing (for margins, paddings) */
	--spacing-xs: 4px;
	--spacing-sm: 8px;
	--spacing-md: 16px;
	--spacing-lg: 32px;
	--spacing-xl: 64px;

	/* Border radius */
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 16px;

	/* Layout */
	--content-width: 1300px;
}