/* ============================================================ RentList 919 — Shared Design System ============================================================ */ /* --- Google Fonts --- */ /* Fonts are loaded via non-blocking tags in each HTML page's */ /* --- Color Palette (CSS Custom Properties) --- */ :root { --primary: #0c1427; --primary-container: #1a2744; --secondary: #1d4ed8; --secondary-container: #3b82f6; --surface: #f7f9fb; --surface-container: #eceef0; --surface-container-low: #f2f4f6; --surface-container-lowest: #ffffff; --on-surface: #191c1e; --on-surface-variant: #45474c; --outline: #75777d; --outline-variant: #c5c6cd; --error: #ba1a1a; } /* --- Material Symbols Defaults --- */ .material-symbols-outlined { font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; } /* --- Base Styles --- */ body { font-family: "Inter", sans-serif; background-color: var(--surface); color: var(--on-surface); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { font-family: "Manrope", sans-serif; } /* --- Glass Effects --- */ .glass-nav { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .glass-badge { background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } /* --- Selection --- */ ::selection { background: var(--secondary-container); } /* --- Lead forms (success / error) --- */ .form-success p { color: var(--primary); font-weight: 600; font-size: 1rem; line-height: 1.5; } .form-error { color: var(--error); font-size: 0.875rem; margin-top: 0.5rem; }