/* ============================================================
   Veltide LIGHT theme — white base with cyan/teal accents.
   Overrides the compiled :root palette (loaded after veltide.css).
   ============================================================ */
:root {
	--radius: 0.75rem;
	--background: oklch(1 0 0);                 /* white */
	--foreground: oklch(0.24 0.03 245);        /* deep slate/navy text */
	--card: oklch(1 0 0);
	--card-foreground: oklch(0.24 0.03 245);
	--popover: oklch(1 0 0);
	--popover-foreground: oklch(0.24 0.03 245);
	--primary: oklch(0.60 0.13 208);           /* confident cyan-teal (CTAs) */
	--primary-foreground: oklch(1 0 0);
	--secondary: oklch(0.965 0.008 235);       /* light gray surface */
	--secondary-foreground: oklch(0.26 0.03 245);
	--muted: oklch(0.966 0.007 235);
	--muted-foreground: oklch(0.47 0.02 245);
	--accent: oklch(0.95 0.03 205);            /* pale cyan hover */
	--accent-foreground: oklch(0.26 0.03 245);
	--brand: oklch(0.56 0.14 204);             /* accent for links / icons / highlights */
	--brand-foreground: oklch(1 0 0);
	--destructive: oklch(0.58 0.22 27);
	--destructive-foreground: oklch(1 0 0);
	--border: oklch(0.912 0.008 240);
	--input: oklch(0.89 0.01 240);
	--ring: oklch(0.60 0.13 208 / 45%);
}

/* Light-mode polish: header gets a soft border + subtle tint instead of dark blur. */
.veltide-header {
	background-color: oklch(1 0 0 / 85%);
	box-shadow: 0 1px 0 0 var(--border);
}
/* Announcement strip: give it the brand tint so the white top has a touch of colour. */
.veltide-header > .bg-secondary:first-child {
	background-color: oklch(0.60 0.13 208);
	color: oklch(1 0 0);
}
/* Hero: a light cyan wash instead of a dark gradient, so white bg has colour. */
.veltide-app section:first-of-type { background-color: oklch(0.985 0.012 205); }

/* Footer reads better on light with a faint tint. */
.veltide-footer { background-color: oklch(0.975 0.008 235); }