:root {
  --rose-50:#fdf2f8; --rose-100:rgba(232,82,122,.12); --rose-200:#f9a8d4; --rose-300:#f472b6;
  --rose-400:#E8527A; --rose-500:#E8527A; --rose-600:#D63D68; --rose-700:#be185d;
  --gray-50:#f5f3fb; --gray-100:#f3f4f6; --gray-200:#e5e7eb; --gray-300:#d1d5db;
  --gray-400:#8a83a6; --gray-500:#5a5270; --gray-600:#4b5563; --gray-700:#374151;
  --gray-800:#1f2937; --gray-900:#1a1230; --white:#ffffff; --black:#000000;
  --green-500:#1aa876; --red-500:#e23a5a; --amber-500:#f59e0b; --blue-500:#3b82f6;

  --brand:var(--rose-500);
  --brand-hover:var(--rose-600);
  --brand-soft:var(--rose-100);
  --brand-ink:var(--rose-700);

  --bg-app:var(--gray-50);
  --bg-card:var(--white);
  --text-primary:var(--gray-900);
  --text-secondary:var(--gray-500);
  --border:var(--gray-200);

  --radius-sm:.75rem;
  --radius-md:1rem;
  --radius-lg:1.5rem;
  --radius-xl:2rem;
  --radius-pill:999px;

  --shadow-sm:0 1px 2px rgba(20,10,50,.04),0 1px 3px rgba(20,10,50,.06);
  --shadow-md:0 4px 12px rgba(20,10,50,.06),0 2px 4px rgba(20,10,50,.04);
  --shadow-lg:0 10px 30px rgba(20,10,50,.08),0 4px 8px rgba(20,10,50,.04);
  --shadow-brand:0 10px 25px rgba(232,82,122,.30);

  --header-h:64px;
  --nav-h:72px;
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);

  --font-sans:'Poppins',system-ui,-apple-system,sans-serif;

  --max-w:500px;
}