/* =============================================
   TOKENS SEMÂNTICOS — use estes no CSS
   ============================================= */
:root {
	/* Brand */
	--myd-color-primary: var(--myd-color-red-600);

	/* Superfícies */
	--myd-color-surface: #fff;
	--myd-color-surface-subtle: var(--myd-color-neutral-50);
	--myd-color-surface-muted: var(--myd-color-neutral-100);

	/* Bordas */
	--myd-color-border: var(--myd-color-neutral-200);
	--myd-color-border-subtle: var(--myd-color-neutral-100);

	/* Texto */
	--myd-color-text: var(--myd-color-neutral-900);
	--myd-color-text-muted: var(--myd-color-neutral-500);
	--myd-color-text-subtle: var(--myd-color-neutral-400);
	--myd-color-text-inverse: #fff;

	/* Estados / Feedback */
	--myd-color-success: var(--myd-color-green-600);
	--myd-color-price: var(--myd-color-success);
	--myd-color-whatsapp: oklch(72.5% 0.22 148);

	/* Overlay */
	--myd-color-overlay: oklch(0% 0 0 / 83%);
	--myd-color-overlay-light: oklch(0% 0 0 / 20%);

	/* Espaçamento */
	--myd-space-1: 4px;
	--myd-space-2: 8px;
	--myd-space-3: 12px;
	--myd-space-4: 16px;
	--myd-space-5: 20px;
	--myd-space-6: 24px;
	--myd-space-8: 32px;

	/* Border Radius */
	--myd-radius-sm: 4px;
	--myd-radius-md: 8px;
	--myd-radius-lg: 16px;
	--myd-radius-full: 9999px;

	/* Z-index */
	--myd-z-float: 100;
	--myd-z-overlay: 1000;
	--myd-z-modal: 1001;
	--myd-z-notification: 1002;
}

/* =============================================
   PALETA PRIMITIVA — base para os tokens acima
   ============================================= */
:root {
	--myd-color-red-50: oklch(97.1% 0.013 17.38);
	--myd-color-red-100: oklch(93.6% 0.032 17.717);
	--myd-color-red-200: oklch(88.5% 0.062 18.334);
	--myd-color-red-300: oklch(80.8% 0.114 19.571);
	--myd-color-red-400: oklch(70.4% 0.191 22.216);
	--myd-color-red-500: oklch(63.7% 0.237 25.331);
	--myd-color-red-600: oklch(57.7% 0.245 27.325);
	--myd-color-red-700: oklch(50.5% 0.213 27.518);
	--myd-color-red-800: oklch(44.4% 0.177 26.899);
	--myd-color-red-900: oklch(39.6% 0.141 25.723);
	--myd-color-red-950: oklch(25.8% 0.092 26.042);
	--myd-color-orange-50: oklch(98% 0.016 73.684);
	--myd-color-orange-100: oklch(95.4% 0.038 75.164);
	--myd-color-orange-200: oklch(90.1% 0.076 70.697);
	--myd-color-orange-300: oklch(83.7% 0.128 66.29);
	--myd-color-orange-400: oklch(75% 0.183 55.934);
	--myd-color-orange-500: oklch(70.5% 0.213 47.604);
	--myd-color-orange-600: oklch(64.6% 0.222 41.116);
	--myd-color-orange-700: oklch(55.3% 0.195 38.402);
	--myd-color-orange-800: oklch(47% 0.157 37.304);
	--myd-color-orange-900: oklch(40.8% 0.123 38.172);
	--myd-color-orange-950: oklch(26.6% 0.079 36.259);
	--myd-color-green-50: oklch(98.2% 0.018 155.826);
	--myd-color-green-100: oklch(96.2% 0.044 156.743);
	--myd-color-green-200: oklch(92.5% 0.084 155.995);
	--myd-color-green-300: oklch(87.1% 0.15 154.449);
	--myd-color-green-400: oklch(79.2% 0.209 151.711);
	--myd-color-green-500: oklch(72.3% 0.219 149.579);
	--myd-color-green-600: oklch(62.7% 0.194 149.214);
	--myd-color-green-700: oklch(52.7% 0.154 150.069);
	--myd-color-green-800: oklch(44.8% 0.119 151.328);
	--myd-color-green-900: oklch(39.3% 0.095 152.535);
	--myd-color-green-950: oklch(26.6% 0.065 152.934);
	--myd-color-emerald-50: oklch(97.9% 0.021 166.113);
	--myd-color-emerald-100: oklch(95% 0.052 163.051);
	--myd-color-emerald-200: oklch(90.5% 0.093 164.15);
	--myd-color-emerald-300: oklch(84.5% 0.143 164.978);
	--myd-color-emerald-400: oklch(76.5% 0.177 163.223);
	--myd-color-emerald-500: oklch(69.6% 0.17 162.48);
	--myd-color-emerald-600: oklch(59.6% 0.145 163.225);
	--myd-color-emerald-700: oklch(50.8% 0.118 165.612);
	--myd-color-emerald-800: oklch(43.2% 0.095 166.913);
	--myd-color-emerald-900: oklch(37.8% 0.077 168.94);
	--myd-color-emerald-950: oklch(26.2% 0.051 172.552);
	--myd-color-blue-50: oklch(97% 0.014 254.604);
	--myd-color-blue-100: oklch(93.2% 0.032 255.585);
	--myd-color-blue-200: oklch(88.2% 0.059 254.128);
	--myd-color-blue-300: oklch(80.9% 0.105 251.813);
	--myd-color-blue-400: oklch(70.7% 0.165 254.624);
	--myd-color-blue-500: oklch(62.3% 0.214 259.815);
	--myd-color-blue-600: oklch(54.6% 0.245 262.881);
	--myd-color-blue-700: oklch(48.8% 0.243 264.376);
	--myd-color-blue-800: oklch(42.4% 0.199 265.638);
	--myd-color-blue-900: oklch(37.9% 0.146 265.522);
	--myd-color-blue-950: oklch(28.2% 0.091 267.935);
	--myd-color-slate-50: oklch(98.4% 0.003 247.858);
	--myd-color-slate-100: oklch(96.8% 0.007 247.896);
	--myd-color-slate-200: oklch(92.9% 0.013 255.508);
	--myd-color-slate-300: oklch(86.9% 0.022 252.894);
	--myd-color-slate-400: oklch(70.4% 0.04 256.788);
	--myd-color-slate-500: oklch(55.4% 0.046 257.417);
	--myd-color-slate-600: oklch(44.6% 0.043 257.281);
	--myd-color-slate-700: oklch(37.2% 0.044 257.287);
	--myd-color-slate-800: oklch(27.9% 0.041 260.031);
	--myd-color-slate-900: oklch(20.8% 0.042 265.755);
	--myd-color-slate-950: oklch(12.9% 0.042 264.695);
	--myd-color-gray-50: oklch(98.5% 0.002 247.839);
	--myd-color-gray-100: oklch(96.7% 0.003 264.542);
	--myd-color-gray-200: oklch(92.8% 0.006 264.531);
	--myd-color-gray-300: oklch(87.2% 0.01 258.338);
	--myd-color-gray-400: oklch(70.7% 0.022 261.325);
	--myd-color-gray-500: oklch(55.1% 0.027 264.364);
	--myd-color-gray-600: oklch(44.6% 0.03 256.802);
	--myd-color-gray-700: oklch(37.3% 0.034 259.733);
	--myd-color-gray-800: oklch(27.8% 0.033 256.848);
	--myd-color-gray-900: oklch(21% 0.034 264.665);
	--myd-color-gray-950: oklch(13% 0.028 261.692);
	--myd-color-zinc-50: oklch(98.5% 0 0);
	--myd-color-zinc-100: oklch(96.7% 0.001 286.375);
	--myd-color-zinc-200: oklch(92% 0.004 286.32);
	--myd-color-zinc-300: oklch(87.1% 0.006 286.286);
	--myd-color-zinc-400: oklch(70.5% 0.015 286.067);
	--myd-color-zinc-500: oklch(55.2% 0.016 285.938);
	--myd-color-zinc-600: oklch(44.2% 0.017 285.786);
	--myd-color-zinc-700: oklch(37% 0.013 285.805);
	--myd-color-zinc-800: oklch(27.4% 0.006 286.033);
	--myd-color-zinc-900: oklch(21% 0.006 285.885);
	--myd-color-zinc-950: oklch(14.1% 0.005 285.823);
	--myd-color-neutral-50: oklch(98.5% 0 0);
	--myd-color-neutral-100: oklch(97% 0 0);
	--myd-color-neutral-200: oklch(92.2% 0 0);
	--myd-color-neutral-300: oklch(87% 0 0);
	--myd-color-neutral-400: oklch(70.8% 0 0);
	--myd-color-neutral-500: oklch(55.6% 0 0);
	--myd-color-neutral-600: oklch(43.9% 0 0);
	--myd-color-neutral-700: oklch(37.1% 0 0);
	--myd-color-neutral-800: oklch(26.9% 0 0);
	--myd-color-neutral-900: oklch(20.5% 0 0);
	--myd-color-neutral-950: oklch(14.5% 0 0);
	--myd-color-black: #000;
	--myd-color-white: #fff;
}