/*
 * Curated design tokens mirrored from the Trellis design system
 * (@rentvine/trellis src/assets/variables). Snapshot of the values the React
 * portals use, exposed as plain CSS variables so the build-less account app can
 * share the product's visual language. If Trellis rebrands, re-sync these.
 */
:root {
	/* Brand / primary (core green) */
	--rv-primary: #07ab50; /* core-green-light-600 */
	--rv-primary-hover: #03893f; /* core-green-light-700 */
	--rv-primary-contrast: #ffffff;

	/* Neutrals (core neutral) */
	--rv-bg: #f5f6f6; /* neutral-light-50 */
	--rv-surface: #ffffff;
	--rv-border: #cdd3d4; /* neutral-light-200 */
	--rv-border-strong: #aab4b6; /* neutral-light-300 */
	--rv-text: #1c2225; /* neutral-dark-100 (near-black) */
	--rv-text-muted: #647276; /* neutral-light-500 */

	/* Feedback */
	--rv-danger: #e21d1f; /* red-light-600 */
	--rv-danger-surface: #fef2f2;
	--rv-success: #07ab50;
	--rv-success-surface: #effef4; /* green-light-50 */

	/* Shape / type / elevation */
	--rv-radius: 10px;
	--rv-radius-sm: 8px;
	--rv-radius-pill: 999px;
	--rv-font: 'Inter', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--rv-shadow: 0 1px 3px rgba(16, 24, 40, 0.06), 0 10px 28px rgba(16, 24, 40, 0.08);
	--rv-focus-ring: 0 0 0 3px rgba(7, 171, 80, 0.18);
}