/**
 * Uplift 360 — Centralized Design Tokens
 *
 * One theme. One design system. One coherent user experience across the entire website.
 *
 * @package Uplift360
 * @version 1.16.0
 */

:root {
	/* Brand Color Palette */
	--u360-color-navy: #11183f;
	--u360-color-purple: #6f24c7;
	--u360-color-purple-dark: #54179e;
	--u360-color-purple-light: #f4effb;
	--u360-color-green: #27a84b;
	--u360-color-lime: #64e329;
	--u360-color-green-light: #eaf8e6;

	/* Backgrounds & Surfaces */
	--u360-color-bg: #ffffff;
	--u360-color-bg-soft: #f8f6fb;
	--u360-color-bg-purple-soft: #f4effb;
	--u360-color-border: #e8e3ef;
	--u360-color-border-subtle: rgba(17, 24, 63, 0.08);

	/* Typography Colors */
	--u360-color-text: #1a2144;
	--u360-color-muted: #667085;
	--u360-color-white: #ffffff;

	/* Notice / Status Colors */
	--u360-color-success-bg: #eaf8e6;
	--u360-color-success-text: #1b6329;
	--u360-color-error-bg: #fdf2f2;
	--u360-color-error-text: #9b1c1c;
	--u360-color-info-bg: #f4effb;
	--u360-color-info-text: #54179e;

	/* Geometry / Border Radiuses */
	--u360-radius-sm: 10px;
	--u360-radius-md: 16px;
	--u360-radius-lg: 24px;
	--u360-radius-xl: 32px;
	--u360-radius-pill: 999px;

	/* Elevation / Shadows */
	--u360-shadow-sm: 0 4px 14px rgba(22, 12, 44, 0.06);
	--u360-shadow-md: 0 12px 32px rgba(22, 12, 44, 0.09);
	--u360-shadow-lg: 0 20px 48px rgba(17, 24, 63, 0.12);

	/* Layout & Container Max Widths */
	--u360-container: 1200px;
	--u360-container-narrow: 780px;
	--u360-container-form: 960px;
	--content-max-width: 1200px;

	/* Vertical Section Spacing Scale */
	--u360-section-space-desktop: 96px;
	--u360-section-space-tablet: 72px;
	--u360-section-space-mobile: 56px;

	--u360-section-space-large-desktop: 128px;
	--u360-section-space-large-tablet: 96px;
	--u360-section-space-large-mobile: 72px;

	--section-space-desktop: 96px;
	--section-space-tablet: 72px;
	--section-space-mobile: 56px;

	--section-space-large-desktop: 128px;
	--section-space-large-tablet: 96px;
	--section-space-large-mobile: 72px;

	/* Consistent Spacing Units */
	--space-1: 8px;
	--space-2: 12px;
	--space-3: 16px;
	--space-4: 24px;
	--space-5: 32px;
	--space-6: 48px;
	--space-7: 64px;
	--space-8: 80px;
	--space-9: 96px;
	--space-10: 128px;

	/* Typography Families */
	--u360-font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	--u360-font-primary: var(--u360-font-sans);
	--u360-font-script: 'Caveat', cursive, sans-serif;
	--u360-font-handwritten: var(--u360-font-script);

	/* Typography Font Weights */
	--u360-weight-regular: 400;
	--u360-weight-medium: 500;
	--u360-weight-semibold: 600;
	--u360-weight-bold: 700;
	--u360-weight-extrabold: 800;

	/* Transitions */
	--u360-transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);

	/* Backward-Compatibility Aliases */
	--u360-navy: var(--u360-color-navy);
	--u360-purple: var(--u360-color-purple);
	--u360-purple-dark: var(--u360-color-purple-dark);
	--u360-purple-light: var(--u360-color-purple-light);
	--u360-green: var(--u360-color-green);
	--u360-lime: var(--u360-color-lime);
	--u360-text-dark: var(--u360-color-text);
	--u360-text-muted: var(--u360-color-muted);
	--u360-grey-soft: var(--u360-color-bg-soft);
	--u360-border-color: var(--u360-color-border-subtle);
	--u360-radius-card: var(--u360-radius-lg);
	--u360-radius-btn: var(--u360-radius-pill);
}