/* ========================================================================== HOMEPAGE COLOR TEST — elegant palette Revert: remove `page-palette-test` from and delete this stylesheet link in index.html (and optionally delete this file). ========================================================================== */ body.page-palette-test { --bg: #f6f2eb; --text: #1e1c1a; --muted: #6f6860; --border: #ddd4c8; --accent: #3a3834; --accent-hover: #272522; --page-glow-1: rgba(196, 180, 158, 0.38); --page-glow-2: rgba(236, 228, 216, 0.52); --page-glow-3: rgba(224, 216, 204, 0.34); --page-sheen: rgba(255, 251, 245, 0.68); --page-border: rgba(210, 198, 182, 0.82); --page-border-strong: rgba(188, 174, 154, 0.94); --page-tint: rgba(244, 238, 228, 0.94); --page-tint-soft: rgba(250, 245, 236, 0.74); --page-tint-card: rgba(255, 252, 247, 0.96); --page-accent: #5c5348; --page-accent-muted: #756a5d; --page-eyebrow-bg: rgba(248, 242, 232, 0.98); --page-nav-bg: rgba(246, 242, 235, 0.95); --page-card-bar: linear-gradient(90deg, rgba(188, 174, 154, 0.9), rgba(188, 174, 154, 0.1)); --page-footer-glow: rgba(224, 212, 196, 0.48); --page-hero-wash: radial-gradient(ellipse 82% 58% at 0% 18%, var(--page-glow-1), transparent 64%), radial-gradient(ellipse 68% 48% at 100% 0%, var(--page-glow-2), transparent 58%); --page-section-wash: radial-gradient(ellipse 92% 56% at 100% 0%, var(--page-glow-1), transparent 60%), radial-gradient(ellipse 72% 46% at 0% 12%, var(--page-glow-2), transparent 54%), linear-gradient(180deg, rgba(255, 251, 245, 0.42) 0%, transparent 220px); --shadow-sm: 0 1px 2px rgba(30, 28, 26, 0.04); --shadow-md: 0 6px 24px rgba(30, 28, 26, 0.06); --shadow-lg: 0 14px 42px rgba(30, 28, 26, 0.07); /* Subtle blue link accents on the warm palette */ --link-color: #445f78; --link-color-hover: #334b62; --link-border: rgba(132, 164, 198, 0.62); --link-border-hover: rgba(98, 136, 178, 0.82); --link-bg: linear-gradient(160deg, rgba(237, 244, 251, 0.9) 0%, rgba(255, 252, 247, 0.98) 100%); --link-bg-hover: rgba(232, 241, 250, 0.98); } body.page-palette-test .steps-carousel-hint, body.page-palette-test .pricing-carousel-hint { color: #6f6254; background: linear-gradient(160deg, rgba(248, 242, 232, 0.98) 0%, rgba(255, 252, 247, 0.98) 100%); border-color: rgba(196, 180, 158, 0.9); } body.page-palette-test .steps-carousel-hint-arrow, body.page-palette-test .pricing-carousel-hint-arrow { color: #6f6254; } body.page-palette-test .why-grid { background: rgba(188, 174, 154, 0.72); } body.page-palette-test .why-grid .why-item:nth-child(4n + 1), body.page-palette-test .why-grid .why-item:nth-child(4n + 2) { background: linear-gradient(160deg, rgba(248, 242, 232, 0.98) 0%, rgba(255, 252, 247, 0.98) 100%); } body.page-palette-test .why-grid .why-item:nth-child(4n + 3), body.page-palette-test .why-grid .why-item:nth-child(4n + 4) { background: #fffdf9; }