/* @meta-me/themes — Ocean (ocean) */
:root {
	--color-surface-950: oklch(7% 0.035 245);
	--color-surface-900: oklch(13.3% 0.0334 243.25);
	--color-surface-800: oklch(23.2% 0.0309 240.5);
	--color-surface-700: oklch(34% 0.0281 237.5);
	--color-surface-600: oklch(44.8% 0.0253 234.5);
	--color-surface-500: oklch(56.5% 0.0224 231.25);
	--color-surface-400: oklch(70% 0.0189 227.5);
	--color-surface-300: oklch(80.8% 0.0161 224.5);
	--color-surface-200: oklch(89.8% 0.0138 222);
	--color-surface-100: oklch(94.3% 0.0127 220.75);
	--color-surface-50: oklch(97% 0.012 220);

	--color-primary-600: oklch(58% 0.13 185);
	--color-primary-500: oklch(72% 0.13 185);
	--color-primary-400: oklch(80% 0.1196 185);
	--color-primary-300: oklch(85% 0.1131 185);

	--color-accent: oklch(80% 0.13 185);
	--bg-image: url('https://themes.meta-me.uk/ocean/bgd.webp');
	--glass-card-bg: color-mix(in oklch, oklch(13.3% 0.0334 243.25) 55%, transparent);
	--glass-subtle-bg: color-mix(in oklch, oklch(23.2% 0.0309 240.5) 30%, transparent);
	--glass-border: rgba(255, 255, 255, 0.12);
	--glass-border-hover: color-mix(in oklch, oklch(80% 0.1196 185) 25%, transparent);
}