/* themes.css */ /* Pick ONE theme by adding a class on : theme-saas OR theme-dark OR theme-lux */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Playfair+Display:wght@600;700&family=Sora:wght@400;600;700&display=swap'); /* ---------- Theme 1: Modern SaaS (theme-saas) ---------- */ body.theme-saas { --bg: #f6f7fb; --card: #ffffff; --text: #0f172a; --muted: #64748b; --border: #e2e8f0; --primary: #3643f7; --primary-2: #3643f7; --shadow: 0 10px 30px rgba(2, 6, 23, 0.08); --shadow-soft: 0 8px 18px rgba(2, 6, 23, .08); --radius: 14px; --radius-lg: 18px; font-family: Inter, system-ui, -apple-system, Segoe UI, Arial, sans-serif; }