/**
 * GEOCIKLO Core — Design System Global Tokens
 * Climate-Tech Platform 2026
 */

:root {
	/* Brand Colors */
	--gc-primary: #035877;          /* Deep Ocean Blue / Tech Authority */
	--gc-primary-dark: #023f56;     /* Darker Ocean */
	--gc-primary-light: #0d7ba3;    /* Highlight Blue */
	
	--gc-secondary: #06605c;        /* Deep Pine Teal / Circularity */
	--gc-secondary-dark: #044441;   /* Dark Forest Teal */
	
	--gc-accent: #3fae6a;           /* Regenerative Green / Action CTA */
	--gc-accent-hover: #34985b;     /* Hover Green */
	--gc-accent-glow: rgba(63, 174, 106, 0.35);
	--gc-accent-soft: rgba(63, 174, 106, 0.12);

	/* Neutral & Surface Palette */
	--gc-white: #ffffff;
	--gc-surface: #f7faf8;          /* Eco-Tech Surface */
	--gc-surface-soft: #f2f7f4;     /* Soft Contrast Card */
	--gc-surface-tint: #ebf3ef;     /* Subtle Highlight */
	
	--gc-text: #073f4d;             /* High Contrast Slate */
	--gc-text-muted: #657879;       /* Slate Grey */
	--gc-text-light: #94a3a5;       /* Subdued Grey */
	
	--gc-border: rgba(7, 63, 77, 0.1);
	--gc-border-light: rgba(7, 63, 77, 0.05);

	/* Glassmorphism System 1.0 (Enterprise Climate-Tech) */
	--gc-glass-primary-bg: rgba(255, 255, 255, 0.58);
	--gc-glass-primary-blur: 18px;
	--gc-glass-primary-border: 1px solid rgba(255, 255, 255, 0.60);
	--gc-glass-primary-shadow: 0 16px 40px rgba(3, 88, 119, 0.08);

	--gc-glass-soft-bg: rgba(255, 255, 255, 0.42);
	--gc-glass-soft-blur: 14px;
	--gc-glass-soft-border: 1px solid rgba(255, 255, 255, 0.52);
	--gc-glass-soft-shadow: 0 10px 24px rgba(3, 88, 119, 0.05);

	--gc-glass-overlay-bg: rgba(255, 255, 255, 0.28);
	--gc-glass-overlay-blur: 20px;
	--gc-glass-overlay-border: 1px solid rgba(255, 255, 255, 0.46);

	/* Legacy & Header Glass Variables */
	--gc-glass-bg: rgba(255, 255, 255, 0.65);
	--gc-glass-bg-scrolled: rgba(255, 255, 255, 0.88);
	--gc-glass-border: rgba(255, 255, 255, 0.65);
	--gc-glass-blur: 18px;
	--gc-glass-blur-scrolled: 22px;
	
	--gc-shadow-sm: 0 2px 8px rgba(3, 88, 119, 0.04);
	--gc-shadow-md: 0 8px 24px -4px rgba(3, 88, 119, 0.08);
	--gc-shadow-lg: 0 16px 40px -10px rgba(3, 88, 119, 0.10), 0 4px 16px -2px rgba(3, 88, 119, 0.04);
	--gc-shadow-mega: 0 24px 60px -12px rgba(3, 88, 119, 0.14), 0 8px 24px -4px rgba(3, 88, 119, 0.05);

	/* Border Radius */
	--gc-radius-xs: 6px;
	--gc-radius-sm: 10px;
	--gc-radius-md: 18px;
	--gc-radius-lg: 28px;
	--gc-radius-xl: 36px;
	--gc-radius-full: 9999px;

	/* Typography Scale (Inter Tight with fluid clamp) */
	--gc-font-family: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	
	--gc-font-weight-regular: 400;
	--gc-font-weight-medium: 500;
	--gc-font-weight-semibold: 600;
	--gc-font-weight-bold: 700;
	--gc-font-weight-extrabold: 800;
	--gc-font-weight-black: 900;

	--gc-text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);       /* 12-13px */
	--gc-text-sm: clamp(0.8125rem, 0.77rem + 0.2vw, 0.875rem);      /* 13-14px */
	--gc-text-base: clamp(0.9375rem, 0.88rem + 0.3vw, 1rem);        /* 15-16px */
	--gc-text-md: clamp(1.0625rem, 1rem + 0.35vw, 1.1875rem);       /* 17-19px */
	--gc-text-lg: clamp(1.25rem, 1.15rem + 0.5vw, 1.375rem);        /* 20-22px */
	--gc-text-xl: clamp(1.5rem, 1.35rem + 0.75vw, 1.75rem);         /* 24-28px */
	--gc-text-2xl: clamp(1.875rem, 1.6rem + 1.25vw, 2.25rem);       /* 30-36px */
	--gc-text-3xl: clamp(2.25rem, 1.8rem + 2vw, 3rem);              /* 36-48px */
	--gc-text-4xl: clamp(2.75rem, 2rem + 3vw, 4rem);                /* 44-64px */

	/* Motion & Transitions */
	--gc-ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
	--gc-ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
	--gc-ease-out: cubic-bezier(0, 0, 0.2, 1);
	
	--gc-motion-fast: 180ms cubic-bezier(0.16, 1, 0.3, 1);
	--gc-motion-base: 320ms cubic-bezier(0.16, 1, 0.3, 1);
	--gc-motion-slow: 600ms cubic-bezier(0.16, 1, 0.3, 1);

	/* Layout Containers */
	--gc-container: 1440px;
	--gc-header-margin: clamp(16px, 2vw, 32px);
	--gc-header-height: 72px;
	--gc-header-height-scrolled: 62px;
	
	/* Z-Index Hierarchy */
	--gc-z-header: 1000;
	--gc-z-mega: 1001;
	--gc-z-overlay: 1050;
	--gc-z-mobile-drawer: 1100;
}

/* Eliminate WordPress auto-inserted empty paragraph & break gaps between full-width sections */
.page-content > br,
.entry-content > br,
.page-content > p:empty,
.entry-content > p:empty {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}