/* ─────────────────────────────────────────────────────────────
   Corvus — Shared Brand Design Tokens
   Import this file in any app to get consistent brand styling.
   Modern, mysterious, and highly-refined "Corvus" aesthetics.
   ───────────────────────────────────────────────────────────── */

/* ── Brand Tokens ── */
:root {
	/* Fonts */
	--corvus-font-heading: "Syne", sans-serif;
	--corvus-font-sans:
		"Manrope", system-ui, -apple-system, blinkmacsystemfont, "Segoe UI",
		sans-serif;
	--corvus-font-mono:
		"JetBrains Mono", ui-monospace, sfmono-regular, consolas, monospace;

	/* Background — deep obsidian/raven black */
	--corvus-bg: #030509;
	--corvus-bg-panel: rgb(10 15 25 / 65%);
	--corvus-bg-panel-strong: #0a0f19;
	--corvus-bg-elevated: #111824;
	--corvus-bg-hover: #162032;

	/* Text */
	--corvus-text: #f8fafc;
	--corvus-text-muted: #94a3b8;
	--corvus-testimonial-text: #e2e8f0;

	/* Accent — electric purple to sky blue (Corvus magic) */
	--corvus-accent: #818cf8;
	--corvus-accent-strong: #6366f1;
	--corvus-accent-low: #1e1b4b;
	--corvus-accent-high: #c7d2fe;

	/* Gradients */
	--corvus-gradient-brand: linear-gradient(
		135deg,
		#38bdf8 0%,
		#818cf8 50%,
		#c084fc 100%
	);
	--corvus-gradient-brand-subtle: linear-gradient(
		135deg,
		rgb(56 189 248 / 15%) 0%,
		rgb(129 140 248 / 15%) 50%,
		rgb(192 132 252 / 15%) 100%
	);

	/* Accent glows */
	--corvus-accent-glow-subtle: rgb(129 140 248 / 10%);
	--corvus-gradient-hero: linear-gradient(
		160deg,
		#030509 0%,
		#0a0f19 40%,
		#171033 100%
	);
	--corvus-gradient-hero-heading: linear-gradient(
		135deg,
		#fff 0%,
		#e2e8f0 40%,
		#818cf8 100%
	);

	/* Glass */
	--corvus-glass-bg: rgb(10 15 25 / 55%);
	--corvus-glass-border: rgb(129 140 248 / 20%);
	--corvus-glass-shadow: 0 8px 32px rgb(0 0 0 / 40%);
	--corvus-glass-ring: rgb(129 140 248 / 40%);

	/* Borders / Dividers */
	--corvus-line: rgb(129 140 248 / 15%);

	/* Radius */
	--corvus-radius-sm: 8px;
	--corvus-radius-md: 12px;
	--corvus-radius-lg: 16px;
	--corvus-radius-xl: 24px;

	/* Transitions */
	--corvus-transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);

	/* ── Aliases for Dashboard & Chat compatibility ── */
	--color-bg-primary: var(--corvus-bg);
	--color-bg-secondary: var(--corvus-bg-panel-strong);
	--color-bg-tertiary: var(--corvus-bg-elevated);
	--color-bg-elevated: var(--corvus-bg-elevated);
	--color-bg-hover: var(--corvus-bg-hover);
	--color-bg-input: rgb(10 15 25 / 80%);
	--color-surface-glass: var(--corvus-glass-bg);
	--color-surface-glass-hover: rgb(129 140 248 / 8%);
	--color-text-primary: var(--corvus-text);
	--color-text-secondary: var(--corvus-text-muted);
	--color-text-muted: #64748b;
	--color-text-inverse: #030509;
	--color-accent: var(--corvus-accent);
	--color-accent-hover: var(--corvus-accent-high);
	--color-accent-glow: rgb(129 140 248 / 25%);
	--color-accent-subtle: rgb(129 140 248 / 8%);
	--color-border: var(--corvus-line);
	--color-border-hover: var(--corvus-glass-border);
	--color-border-accent: rgb(129 140 248 / 35%);
	--color-user-bubble: var(--corvus-accent-strong);
	--color-user-bubble-text: #fff;
	--color-assistant-bubble: var(--corvus-bg-panel-strong);
	--color-assistant-bubble-text: var(--corvus-text);
	--color-error: #ef4444;
	--color-success: #10b981;
	--font-sans: var(--corvus-font-sans);
}
