/* Shared Tailwind @theme and utility styles for Cloudium.net */
@custom-variant dark (&:where(.dark, .dark *));

@theme {
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-heading: 'Space Grotesk', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --color-brand-50: oklch(0.97 0.01 250);
  --color-brand-100: oklch(0.93 0.03 250);
  --color-brand-200: oklch(0.87 0.06 250);
  --color-brand-300: oklch(0.78 0.09 250);
  --color-brand-400: oklch(0.68 0.12 250);
  --color-brand-500: oklch(0.55 0.14 250);
  --color-brand-600: oklch(0.48 0.14 250);
  --color-brand-700: oklch(0.42 0.12 250);
  --color-brand-800: oklch(0.35 0.10 250);
  --color-brand-900: oklch(0.28 0.08 250);
  --color-accent-400: oklch(0.75 0.14 185);
  --color-accent-500: oklch(0.65 0.15 185);
  --color-accent-600: oklch(0.55 0.14 185);
}

.reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
.reveal.visible { opacity: 1; transform: translateY(0); }
html.dark .dark\:hidden { display: none !important; }
html.dark .dark\:block { display: block !important; }
html:not(.dark) .dark\:block { display: none !important; }