/**
 * UniteElements Master Design Tokens
 * Official Brand Identity, Color Palette, and Design Language System
 *
 * @package UniteElements_Theme
 * @author Jyotirmay Ray <https://jyotirmayray.in/>
 */

:root {
	/* Brand Canvas & Surfaces */
	--color-bg: #f5f5f0;
	--color-surface: #ffffff;
	--color-surface-translucent: rgba(255, 255, 255, 0.88);
	--color-surface-hover: #fafaf8;

	/* Brand Palette */
	--color-blue-ribbon: #0052ff;
	--color-blue-ribbon-dark: #003ecb;
	--color-blue-ribbon-subtle: rgba(0, 82, 255, 0.08);
	--color-blue-ribbon-glow: rgba(0, 82, 255, 0.28);
	--color-shark: #15181e;
	--color-shark-card: #1c2027;
	--color-shark-muted: #576275;
	--color-ghost: #c8cdd8;
	--color-ghost-border: rgba(200, 205, 216, 0.6);
	--color-ghost-border-hover: rgba(0, 82, 255, 0.4);
	--color-ghost-bg: #eef1f6;
	--color-malibu: #60a5fa;
	--color-malibu-glow: rgba(96, 165, 250, 0.35);

	/* Functional Accents */
	--color-emerald: #10b981;
	--color-rose: #f43f5e;
	--color-amber: #f59e0b;
	--color-purple: #8b5cf6;

	/* Typography */
	--font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--font-heading: 'Outfit', 'Plus Jakarta Sans', sans-serif;
	--font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

	/* Elevation & Shadows */
	--shadow-sm: 0 2px 6px rgba(21, 24, 30, 0.04);
	--shadow-card: 0 4px 16px -2px rgba(21, 24, 30, 0.05), 0 2px 6px rgba(0, 0, 0, 0.02);
	--shadow-hover: 0 12px 28px -6px rgba(0, 82, 255, 0.18), 0 4px 12px rgba(0, 0, 0, 0.04);
	--shadow-glow: 0 0 24px var(--color-blue-ribbon-glow);

	/* Radii */
	--radius-sm: 10px;
	--radius-md: 16px;
	--radius-lg: 22px;
	--radius-pill: 9999px;

	/* Motion & Springs */
	--ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
	--transition-fast: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
	--transition-base: 0.28s var(--ease-spring);
}