/**
 * Vapesline — dark vapor brand tokens
 * bg #0D0D0F · surfaces #1C1C1F · accent #FF6A1A · violet #7C5CFF
 */

:root {
	--vl-ink: #f5f5f3;
	--vl-ink-soft: #b8b8bc;
	--vl-ink-muted: #8a8a90;
	--vl-paper: #0d0d0f;
	--vl-paper-warm: #121214;
	--vl-surface: #1c1c1f;
	--vl-line: rgba(245, 245, 243, 0.08);
	--vl-accent: #ff6a1a;
	--vl-accent-hover: #ff7f3a;
	--vl-violet: #7c5cff;
	--vl-radius: 10px;
	--vl-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
	--vl-shadow-hover: 0 18px 48px rgba(0, 0, 0, 0.55);
	--vl-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
	--vl-space-section: clamp(4.5rem, 10vw, 7.5rem);
	--vl-font: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--vl-display: 'Montserrat', var(--vl-font);

	/* Bridge to legacy theme vars */
	--vl-bg-primary: #0d0d0f;
	--vl-bg-surface: #1c1c1f;
	--vl-bg-light: #121214;
	--vl-accent-orange: var(--vl-accent);
	--vl-accent-teal: var(--vl-accent);
	--vl-text-on-dark: #f5f5f3;
	--vl-border-subtle: rgba(245, 245, 243, 0.1);
	--vl-glow-teal: none;
	--vl-glow-teal-strong: none;
	--vl-ease-premium: var(--vl-ease);

	--vl-black: #0d0d0f;
	--vl-dark: #0d0d0f;
	--vl-white: #f5f5f3;
	--vl-gray-50: #121214;
	--vl-gray-100: #1c1c1f;
	--vl-gray-200: #2a2a2e;
	--vl-gray-400: #8a8a90;
	--vl-gray-600: var(--vl-ink-muted);
	--vl-gray-700: var(--vl-ink-soft);
	--vl-gray-800: #2c2c2e;
	--vl-orange: var(--vl-accent);
	--vl-orange-dark: var(--vl-accent-hover);
	--vl-red: #b42318;
	--vl-nav-h: 72px;
	--vl-topbar-h: 36px;
	--vl-safe-top: env(safe-area-inset-top, 0px);
	--vl-safe-bottom: env(safe-area-inset-bottom, 0px);
}