@import url('https://api.fontshare.com/v2/css?f[]=general-sans@200,300,400,500,600,700&display=swap'); /* ============================================================ THEME LIGHT — Warm Ivory + Ink, Editorial Minimalism Paper: #F7F4EC Ink: #14110C Muted: #5A5348 Accent: none Typeface: General Sans (Fontshare, single family, 5 weights) Opt-in via . ============================================================ */ /* 1. Token remap */ body.theme-light { --midnight: #F7F4EC; --slate: #F7F4EC; --slate-light: #F7F4EC; --warm-white: #14110C; --white: #14110C; --silver: #5A5348; --charcoal: #14110C; --gold: #14110C; --gold-light: #14110C; --gold-dim: rgba(20,17,12,0.06); --overlay: rgba(247,244,236,0.88); --font-display: 'General Sans', 'General Sans', Georgia, serif; --font-body: 'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; background: #F7F4EC; color: #14110C; font-family: 'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; } /* 2. Typography overrides */ body.theme-light p, body.theme-light li, body.theme-light .t-body, body.theme-light span { color: #14110C; font-family: 'General Sans', system-ui, sans-serif; } body.theme-light h1, body.theme-light h2, body.theme-light h3, body.theme-light h4, body.theme-light h5, body.theme-light h6, body.theme-light .t-display, body.theme-light .t-hero, body.theme-light .t-h1, body.theme-light .t-h2, body.theme-light .t-h3 { color: #14110C; font-family: 'General Sans', Georgia, serif; font-weight: 500; letter-spacing: -0.01em; } body.theme-light .t-label, body.theme-light .section-header__label .t-label { color: #5A5348; font-family: 'General Sans', sans-serif; letter-spacing: 0.15em; } /* 3. NAV - dark chrome on light pages */ body.theme-light .nav { background: rgba(20,17,12,0.98); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: 0 1px 0 rgba(247,244,236,0.08); } body.theme-light .nav__link { color: rgba(247,244,236,0.85); font-family: 'General Sans', sans-serif; } body.theme-light .nav__link:hover { color: #F7F4EC; } body.theme-light .nav__link::after { background: #F7F4EC; } body.theme-light .nav__cta { color: #F7F4EC; border-color: rgba(247,244,236,0.40); font-family: 'General Sans', sans-serif; } body.theme-light .nav__cta:hover { background: #F7F4EC; color: #14110C; } body.theme-light .nav__hamburger span { background: #F7F4EC; } /* 4. Sections */ body.theme-light .section--dark { background: #F7F4EC; color: #14110C; } body.theme-light .section--slate { background: #F7F4EC; color: #14110C; } body.theme-light .section--light { background: #F7F4EC; color: #14110C; } /* 5. Buttons - all pure black */ body.theme-light .btn { font-family: 'General Sans', sans-serif; letter-spacing: 0.08em; } body.theme-light .btn--primary { background: #14110C; color: #F7F4EC; } body.theme-light .btn--primary:hover { background: #14110C; color: #F7F4EC; box-shadow: 0 8px 24px rgba(20,17,12,0.18); } body.theme-light .btn--outline { background: transparent; color: #14110C; border: 1px solid #14110C; } body.theme-light .btn--outline:hover { background: #14110C; color: #F7F4EC; } body.theme-light .btn--outline-gold { background: transparent; color: #14110C; border: 1px solid #14110C; } body.theme-light .btn--outline-gold:hover { background: #14110C; color: #F7F4EC; } /* 6. Cards */ body.theme-light .property-card, body.theme-light .service-card, body.theme-light .neighborhood-card { background: #F7F4EC; border: 1px solid rgba(20,17,12,0.12); } body.theme-light .property-card:hover { box-shadow: 0 24px 60px rgba(20,17,12,0.10); } body.theme-light .property-card__price, body.theme-light .property-card__address { color: #14110C; font-family: 'General Sans', serif; } body.theme-light .property-card__location { color: #5A5348; } body.theme-light .property-card__details { border-top-color: rgba(20,17,12,0.12); } body.theme-light .property-card__detail { color: #5A5348; } body.theme-light .property-card__detail svg { fill: #14110C; opacity: 0.85; } body.theme-light .property-card__badge { background: #14110C; color: #F7F4EC; } body.theme-light .property-card__image-placeholder { color: #5A5348; border: 1px dashed rgba(20,17,12,0.18); } /* 7. Stats */ body.theme-light .stats { background: #F7F4EC; border-top-color: rgba(20,17,12,0.12); border-bottom-color: rgba(20,17,12,0.12); } body.theme-light .stats__grid { background: rgba(20,17,12,0.12); } body.theme-light .stats__item { background: #F7F4EC; } body.theme-light .stats__number { color: #14110C; font-family: 'General Sans', serif; } body.theme-light .stats__label { color: #5A5348; } /* 8. Services */ body.theme-light .services__grid { background: rgba(20,17,12,0.12); } body.theme-light .service-card { background: #F7F4EC; } body.theme-light .service-card:hover { background: #F7F4EC; } body.theme-light .service-card__number { color: rgba(20,17,12,0.10); font-family: 'General Sans', serif; } body.theme-light .service-card__title { color: #14110C; font-family: 'General Sans', serif; } body.theme-light .service-card__body { color: #5A5348; } body.theme-light .service-card__link { color: #14110C; } body.theme-light .service-card__icon svg { stroke: #14110C; } /* 9. Section headers */ body.theme-light .section-header__label-line { background: #14110C; } body.theme-light .section-header__body { color: #5A5348; } /* 10. Forms */ body.theme-light .form-group label { color: #5A5348; font-family: 'General Sans', sans-serif; } body.theme-light .form-group input, body.theme-light .form-group select, body.theme-light .form-group textarea { background: #F7F4EC; border: 1px solid rgba(20,17,12,0.18); color: #14110C; font-family: 'General Sans', sans-serif; } body.theme-light .form-group input::placeholder, body.theme-light .form-group textarea::placeholder { color: #5A5348; } body.theme-light .form-group input:focus, body.theme-light .form-group select:focus, body.theme-light .form-group textarea:focus { border-color: #14110C; background: #F7F4EC; } /* 11. CTA banner */ body.theme-light .cta-banner { background: #F7F4EC; } body.theme-light .cta-banner::before { background: transparent; } body.theme-light .cta-banner__title { color: #14110C; font-family: 'General Sans', serif; } body.theme-light .cta-banner__title em { color: #14110C; font-style: italic; } body.theme-light .cta-banner__sub { color: #5A5348; } body.theme-light .cta-banner__line-accent { background: linear-gradient(to bottom, transparent, #14110C, transparent); } /* 12. Page header */ body.theme-light .page-header { background: #F7F4EC; } body.theme-light .page-header::before { background: transparent; } body.theme-light .page-header__title { color: #14110C; font-family: 'General Sans', serif; } body.theme-light .page-header__sub { color: #5A5348; } /* 13. Press bar */ body.theme-light .press-bar { border-top-color: rgba(20,17,12,0.12); border-bottom-color: rgba(20,17,12,0.12); } body.theme-light .press-bar__label { color: #5A5348; } body.theme-light .press-bar__logo { color: #5A5348; font-family: 'General Sans', serif; } body.theme-light .press-bar__logo:hover { color: #14110C; } /* 14. About credentials */ body.theme-light .about__credentials { border-top-color: rgba(20,17,12,0.12); } body.theme-light .about__credential-item strong { color: #14110C; font-family: 'General Sans', serif; } body.theme-light .about__credential-item span { color: #5A5348; } /* ============================================================ 15. INLINE