/**
 * Premium City Rides — design tokens from Next.js globals.css (@theme).
 * Source: citypulselimo-website-main/src/app/globals.css
 */

:root {
	/* Brand gold (hue 85) */
	--color-brand-100: oklch(96% 0.04 85);
	--color-brand-200: oklch(92% 0.08 85);
	--color-brand-300: oklch(88% 0.12 85);
	--color-brand-400: oklch(82% 0.16 85);
	--color-brand-500: oklch(76% 0.2 85);
	--color-brand-600: oklch(70% 0.22 85);
	--color-brand-700: oklch(60% 0.2 85);
	--color-brand-800: oklch(48% 0.16 85);
	--color-brand-900: oklch(36% 0.11 85);
	--color-brand-1000: oklch(26% 0.07 85);

	/* Neutrals */
	--color-neutral-100: oklch(98% 0 0);
	--color-neutral-200: oklch(94% 0 0);
	--color-neutral-300: oklch(88% 0 0);
	--color-neutral-400: oklch(78% 0 0);
	--color-neutral-500: oklch(65% 0 0);
	--color-neutral-600: oklch(52% 0 0);
	--color-neutral-700: oklch(40% 0 0);
	--color-neutral-800: oklch(28% 0 0);
	--color-neutral-900: oklch(16% 0 0);
	--color-neutral-1000: oklch(8% 0 0);

	/* Tailwind yellow — Header / primary CTAs (HeroSection, Header) */
	--color-yellow-300: #fde047;
	--color-yellow-400: #facc15;
	--color-yellow-600: #ca8a04;

	/* Layout + aliases (used across mu-plugins) */
	--cpl-max: 80rem;
	--cpl-yellow: var(--color-yellow-400);
	--cpl-yellow-hover: var(--color-yellow-300);
	--cpl-brand: var(--color-brand-500);
	--cpl-brand-400: var(--color-brand-400);
	--cpl-brand-500: var(--color-brand-500);
	--cpl-brand-600: var(--color-brand-600);
	--cpl-neutral-50: var(--color-neutral-100);
	--cpl-neutral-100: var(--color-neutral-100);
	--cpl-neutral-200: var(--color-neutral-200);
	--cpl-neutral-600: var(--color-neutral-600);
	--cpl-neutral-700: var(--color-neutral-700);
	--cpl-neutral-800: var(--color-neutral-800);
	--cpl-neutral-900: var(--color-neutral-900);
	--cpl-neutral-950: var(--color-neutral-1000);
}

/* Full font stack enforced in citypulse-typography.css (loads after Elementor). */