/* ═══════════════════════════════════════════════════════════════════════ soft-theme.css — העיצוב הרך של /course (אושר ע"י שירה, 24.9.2026) לכל האתר. הדפים הישנים בנויים על ערכת משתנים כהה (--bg / --text / --purple …, או --bg-primary / --text-primary …). הקובץ הזה נטען אחרון ב-, ממפה את המשתנים האלה לפלטה הרכה (קרם, לבנדר, סומק, שזיף), ומיישר את הרכיבים המשותפים (כפתורים, כרטיסים, כותרות, רקע). המבנה וה-JS של כל דף לא משתנים — רק המראה. צבעי טקסט נבחרו לעמוד ב-WCAG AA על רקע הקרם. ═══════════════════════════════════════════════════════════════════════ */ :root{ /* palette (same as /course) */ --soft-cream:#faf6f1; --soft-cream-2:#f3ece4; --soft-paper:#fffdfa; --soft-plum:#3a2742; --soft-plum-2:#6d5876; --soft-plum-3:#7d6c84; --soft-lav:#c8b6dc; --soft-lav-soft:#efe8f6; --soft-blush:#f4dcd4; --soft-peach:#f8e6d6; --soft-sage:#e3e9df; --soft-gold:#b8955a; --soft-gold-text:#8a6a33; --soft-gold-soft:#ecdcbc; --soft-btn:#4a2f5a; --soft-btn-hover:#5d3b71; --soft-line:rgba(58,39,66,.10); --soft-shadow:0 24px 60px -24px rgba(58,39,66,.18); /* old dark variables → soft */ --bg:var(--soft-cream); --bg2:var(--soft-cream-2); --bg3:var(--soft-lav-soft); --bg-primary:var(--soft-cream); --bg-secondary:var(--soft-cream-2); --bg-card:var(--soft-paper); --glass:rgba(200,182,220,.16); --glass-bg:rgba(200,182,220,.16); --glass-strong:var(--soft-paper); --glass-glow:rgba(200,182,220,.25); --glass-border:var(--soft-line); --glass-border-hover:rgba(58,39,66,.22); --purple:var(--soft-btn); --purple-light:#8a5aa6; --purple-dark:var(--soft-plum); --accent:#9a5f92; --gold:#9c7b43; --gold-light:var(--soft-gold-text); --gold-warm:var(--soft-gold); --text:var(--soft-plum); --text2:var(--soft-plum-2); --text3:var(--soft-plum-3); --text-primary:var(--soft-plum); --text-secondary:var(--soft-plum-2); --text-muted:var(--soft-plum-3); --glass-bg-hover:rgba(200,182,220,.26); --shadow-card:var(--soft-shadow); --shadow-purple:0 18px 40px -22px rgba(74,47,90,.35); --shadow-gold:0 18px 40px -22px rgba(184,149,90,.35); --green:#2f7a4f; --pink:#b54860; --orange:#a8641a; --blue:#3f6aa8; --derech-gold-warm:linear-gradient(135deg,#8a6a33 0%,#b8955a 100%); --derech-purple-warm:linear-gradient(135deg,#4a2f5a 0%,#8a5aa6 100%); --derech-glow-gold:0 18px 40px -22px rgba(184,149,90,.4); --derech-glow-purple:0 18px 40px -22px rgba(138,90,166,.4); --text-2:var(--soft-plum-2); --text-3:var(--soft-plum-3); --bg-elev:var(--soft-paper); --gold-deep:var(--soft-gold-text); --line:rgba(58,39,66,.12); --line-soft:rgba(58,39,66,.07); --success:#2f7a4f; --error:#b3263a; --red:#b3263a; --txt:var(--soft-plum); --text-soft:var(--soft-plum-2); --text-dim:var(--soft-plum-3); --border:var(--soft-line); --rose:#b5607a; --purple-soft:#8a5aa6; --purple-glow:rgba(138,90,166,.25); --warn:#9a5b12; --yellow:#8a6a33; --shadow-soft:var(--soft-shadow); --shadow-glow:0 18px 50px -22px rgba(138,90,166,.28); --shadow-lg:var(--soft-shadow); } html{color-scheme:light} body{ background:var(--soft-cream) !important; background-image:radial-gradient(60% 40% at 0% 0%, rgba(239,232,246,.9) 0%, rgba(239,232,246,0) 70%), radial-gradient(50% 35% at 100% 18%, rgba(244,220,212,.7) 0%, rgba(244,220,212,0) 70%), radial-gradient(55% 40% at 50% 100%, rgba(248,230,214,.6) 0%, rgba(248,230,214,0) 70%) !important; background-attachment:fixed; color:var(--soft-plum) !important; font-family:'Heebo',-apple-system,'Segoe UI',sans-serif; font-weight:350; } /* the dark pages painted glowing blobs with body::before/::after — soften them */ body::before,body::after{opacity:.35 !important; filter:blur(80px) saturate(.6) !important} /* headings: light Heebo like /course (Secular One was the old display face) */ h1,h2,h3,.sec-title,.hero h1{font-family:'Heebo',-apple-system,sans-serif !important; color:var(--soft-plum)} h1,h2,.sec-title{font-weight:300 !important; letter-spacing:-.3px} h3,h4{font-weight:500} strong,b{color:inherit} /* gradient text → the soft /course accent */ .grad-text,.gradient-text,.text-gradient,.accent-text{ background:linear-gradient(100deg,#8a5aa6,#c27b8f 60%,var(--soft-gold)) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; } /* links in running text */ p a,li a,.ans a,.faq a{color:#6f3f8c} /* buttons */ .btn-purple,.btn-primary,.btn-main,.cta-btn,.calc-btn{ background:var(--soft-btn) !important; color:#fff !important; border-color:transparent !important; box-shadow:0 12px 28px -12px rgba(74,47,90,.55) !important; text-shadow:none !important; } .btn-purple:hover,.btn-primary:hover,.btn-main:hover,.cta-btn:hover,.calc-btn:hover{background:var(--soft-btn-hover) !important} .btn-gold{background:var(--soft-gold-soft) !important; color:var(--soft-plum) !important; border:1px solid rgba(184,149,90,.45) !important; box-shadow:none !important} .btn-gold:hover{background:#e6d2ab !important} .btn-ghost,.btn-outline,.btn-line{background:transparent !important; color:var(--soft-plum) !important; border:1px solid rgba(58,39,66,.25) !important} .btn,.btn-purple,.btn-gold,.btn-wa,.btn-ghost,.cta-btn,.calc-btn{border-radius:999px} /* cards / glass panels */ .card,.glass,.glass-card,.bro-card,.detail,.offer,.launch-note,.cta-band,.apply-card,.faq details,.post-list-item,.price-card,.feature,.service-card{ background:var(--soft-paper) !important; border:1px solid var(--soft-line) !important; box-shadow:var(--soft-shadow) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; color:var(--soft-plum); } /* form fields that were styled for a dark background */ input[type=text],input[type=tel],input[type=email],input[type=number],input[type=date],input[type=password],textarea,select{ background:#fff !important; color:var(--soft-plum) !important; border-color:rgba(58,39,66,.18) !important; } input::placeholder,textarea::placeholder{color:#a497a9 !important} select option{color:var(--soft-plum)} /* sticky nav / header bars that were dark glass */ .nav,.site-nav,.topbar,header.sticky,.hl-header{background:rgba(250,246,241,.82) !important; border-bottom:1px solid var(--soft-line) !important} /* footer */ footer,.footer,.site-footer{background:var(--soft-cream-2) !important; color:var(--soft-plum-2) !important; border-top:1px solid var(--soft-line)} footer a,.footer a,.site-footer a{color:var(--soft-plum-2) !important} /* dark-page loader (index/consult/cards) → cream */ #hilel-loader{background:radial-gradient(ellipse at 50% 38%,#fffdfa 0%,#f3ece4 70%) !important} #hilel-loader .hl-nums span{color:rgba(138,90,166,.22) !important} /* scroll progress bar */ .scroll-prog{background:linear-gradient(90deg,var(--soft-gold),#b07aa8) !important} /* selection */ ::selection{background:var(--soft-lav); color:var(--soft-plum)} /* highlight boxes that used hard-coded dark/purple gradients (consult, cards, …) */ .cw-close,.cw-pull,.cw-step,.method-box,.promo,.offer,.cta-band,.launch-note,.about-photo,.cw-hero-card,.highlight-box{ background:linear-gradient(150deg,var(--soft-lav-soft),var(--soft-blush) 70%,var(--soft-peach)) !important; border:1px solid rgba(184,149,90,.28) !important; box-shadow:var(--soft-shadow) !important; color:var(--soft-plum); } .cw-step{background:var(--soft-paper) !important} .promo::before,.offer::before,.cta-band::before{opacity:.35} .cw-faq details{background:var(--soft-paper) !important} /* chips / badges / pills */ .cw-badge,.cw-eyebrow,.open-now,.launch-badge,.badge,.pill,.eyebrow{ background:var(--soft-lav-soft) !important; color:var(--soft-plum) !important; border-color:rgba(58,39,66,.12) !important; } /* hero logo in a soft circle, like /course (logo is 1138×1240 — circle ≥ 1.47× its width) */ .hero-logo:has(> img){width:180px !important; height:180px !important; border-radius:50% !important; background:var(--soft-paper) !important; border:1px solid rgba(184,149,90,.28) !important; box-shadow:0 18px 50px -22px rgba(58,39,66,.25) !important; display:grid !important; place-items:center; margin-inline:auto !important; position:relative; animation:none !important} .hero-logo:has(> img)::before{content:""; position:absolute; inset:-10px; border-radius:50%; border:1px solid rgba(184,149,90,.22)} .hero-logo > img{height:auto !important; width:112px !important; filter:none !important} @media (max-width:600px){ .hero-logo:has(> img){width:156px !important; height:156px !important} .hero-logo > img{width:96px !important} } /* prices: the gold→light-gold gradient text was made for a dark page — solid, readable gold on cream */ .price-new,.cw-price,.cw-price-num,.price-big,.price .num{ background:none !important; -webkit-text-fill-color:currentColor !important; color:var(--soft-gold-text) !important; } /* cookie bar (portal/js/cookie-consent.js paints it with inline dark styles) */ #hilel-cookie-bar{background:var(--soft-paper) !important; color:var(--soft-plum) !important; border-block-start:1px solid var(--soft-line) !important; box-shadow:0 -10px 30px -12px rgba(58,39,66,.18) !important} #hilel-cookie-bar a{color:#6f3f8c !important} #hilel-cookie-decline{color:var(--soft-plum) !important; border-color:rgba(58,39,66,.25) !important; border-radius:999px !important} #hilel-cookie-accept{background:var(--soft-btn) !important; border-radius:999px !important} /* ── home page (index.html) ─────────────────────────────────────────── */ .bottom-nav{background:rgba(250,246,241,.94) !important; border-color:var(--soft-line) !important; box-shadow:0 -6px 24px -12px rgba(58,39,66,.2) !important; backdrop-filter:blur(10px)} .bottom-nav a{color:var(--soft-plum-2) !important} .bottom-nav a:hover,.bottom-nav a.active{color:var(--soft-btn) !important; background:var(--soft-lav-soft) !important} .stars{display:none !important} .hero-portrait img{border-color:rgba(184,149,90,.5) !important; box-shadow:0 18px 44px -18px rgba(58,39,66,.35) !important} .hero-portrait::before{background:radial-gradient(circle,rgba(200,182,220,.55),transparent 66%) !important} .hero-name{color:var(--soft-plum) !important; font-family:'Heebo',sans-serif !important; font-weight:300} .hero-name-sub,.t-strip-stats,.t-strip-stats span{color:var(--soft-gold-text) !important} .hero-tagline{color:var(--soft-plum) !important; font-weight:400 !important} .hero-sub,.t-strip-p,.hero-cta-note{color:var(--soft-plum-2) !important} .hero-cta,.t-strip-cta,.reg-btn,.pw-btn.purple{background:var(--soft-btn) !important; color:#fff !important; box-shadow:0 12px 28px -12px rgba(74,47,90,.55) !important; border-radius:999px !important; font-family:'Heebo',sans-serif !important} .pw-btn.gold{background:var(--soft-gold-soft) !important; color:var(--soft-plum) !important} .pw-btn.ghost{background:transparent !important; color:var(--soft-plum) !important; border:1px solid rgba(58,39,66,.25) !important} .t-strip{background:linear-gradient(150deg,var(--soft-lav-soft),var(--soft-blush) 70%,var(--soft-peach)) !important; border-color:rgba(184,149,90,.28) !important} .t-strip-eyebrow{background:var(--soft-paper) !important; color:var(--soft-gold-text) !important; border-color:rgba(184,149,90,.35) !important} .t-strip-h{background:none !important; -webkit-text-fill-color:currentColor !important; color:var(--soft-plum) !important; font-family:'Heebo',sans-serif !important; font-weight:300 !important} .t-strip-stats b{color:var(--soft-plum) !important} .sec-title.gold,.sec-title.purple{color:var(--soft-plum) !important; background:none !important; -webkit-text-fill-color:currentColor !important} .bro-card h3,.map-preview-item h3{color:var(--soft-plum) !important} .bro-card p,.bro-card a:not(.btn){color:var(--soft-plum-2) !important} .bro-chips a{background:var(--soft-paper) !important; color:var(--soft-plum) !important; border:1px solid rgba(58,39,66,.14) !important; box-shadow:0 6px 16px -10px rgba(58,39,66,.25)} .bro-chips a:hover{background:var(--soft-lav-soft) !important} .calc-link{background:var(--soft-lav-soft) !important; color:var(--soft-plum) !important; border-color:rgba(58,39,66,.12) !important; font-size:12px !important} .register-overlay,.reg-form,.funnel-card,.map-preview,.soul-map-card,.review-card{background:var(--soft-paper) !important; border:1px solid var(--soft-line) !important; color:var(--soft-plum)} .hub-link{background:var(--soft-gold-soft) !important; color:var(--soft-plum) !important; border-color:rgba(184,149,90,.45) !important; border-radius:999px !important} .follow-cta{background:rgba(0,0,0,.28) !important; color:#fff !important} .faq-eyebrow{color:var(--soft-gold-text) !important} .faq-title{color:var(--soft-plum) !important; font-family:'Heebo',sans-serif !important; font-weight:300 !important} .faq-item{background:var(--soft-paper) !important; border-color:var(--soft-line) !important} .faq-q{color:var(--soft-plum) !important; font-weight:500 !important} .faq-q:hover{color:#6f3f8c !important} .faq-q svg{color:var(--soft-gold) !important} .faq-a p,.faq-a p strong{color:var(--soft-plum-2) !important} .seo-content,.seo-content p,.seo-content li{color:var(--soft-plum-2)} .seo-content h2,.seo-content h3{color:var(--soft-plum) !important} /* ── links page (links.html) ────────────────────────────────────────── */ .bg-cosmos,.bg-stars{display:none !important} .cross-link{background:var(--soft-paper) !important; color:var(--soft-plum) !important; border-color:rgba(184,149,90,.35) !important; box-shadow:0 8px 20px -10px rgba(58,39,66,.25) !important} .handle,.section-label{color:var(--soft-gold-text) !important} .hero-link-badge{background:var(--soft-gold-text) !important; color:#fff !important} .hero-link-sub{color:var(--soft-plum-2) !important} .calc-tile-name{color:var(--soft-plum) !important} /* about / contact: gold "home" link and small secondary button */ .btn.secondary{background:var(--soft-btn) !important; color:#fff !important} a[href="/"],a[href="https://hilel.link/"]{color:inherit} .reg-form{border:0 !important; box-shadow:none !important; background:transparent !important} .reg-form input[type=text],.reg-form input[type=email],.reg-form input[type=password],.reg-form input[type=tel]{border:1px solid rgba(58,39,66,.18) !important} /* ═══ שלב 2: פורטל, derech, מסרים, סקולר ודפים נוספים ═══ */ /* sticky bars that were dark glass */ .top-nav,.derech-nav,.top-bar,.topbar,.portal-nav,.mobile-nav,.bottom-bar{background:rgba(250,246,241,.9) !important; border-color:var(--soft-line) !important; box-shadow:0 8px 24px -18px rgba(58,39,66,.25) !important} .top-nav a,.derech-nav a,.top-bar a{color:var(--soft-plum)} /* hero wash on derech */ .derech-hero{background:radial-gradient(60% 50% at 20% 30%,rgba(239,232,246,.9),transparent 70%),radial-gradient(50% 45% at 85% 20%,rgba(244,220,212,.7),transparent 70%) !important} .derech-hero-badges-mobile span,.shira-stat,.card-tag,.gender-chip{background:var(--soft-paper) !important; color:var(--soft-plum) !important; border-color:rgba(184,149,90,.35) !important} .derech-brand-title,.derech-lead,.derech-section-sub,.derech-hero-verse,.brand-text{color:var(--soft-plum-2) !important; -webkit-text-fill-color:currentColor !important; background:none !important} .derech-brand-title{color:var(--soft-plum) !important} .derech-hero-badge,.derech-tag-gold{background:var(--soft-gold-soft) !important; color:var(--soft-plum) !important; border-color:rgba(184,149,90,.45) !important} .derech-btn-gold{background:var(--soft-gold-soft) !important; color:var(--soft-plum) !important; border:1px solid rgba(184,149,90,.45) !important; box-shadow:none !important} .derech-btn-outline{background:transparent !important; color:var(--soft-plum) !important; border:1px solid rgba(58,39,66,.28) !important} .derech-btn-purple,.derech-btn-primary{background:var(--soft-btn) !important; color:#fff !important} /* panels / cards / modals with hard-coded dark fills */ .preview-card,.sub-card,.sub-card.is-best,.calc-intro-card,.gate-card,.modal-panel,.reviews-cta,.meser-cta,.quick-actions,.chat-input-area,.package-opt .opt,.row textarea{background:var(--soft-paper) !important; color:var(--soft-plum) !important; border-color:var(--soft-line) !important; box-shadow:var(--soft-shadow) !important} .sub-card.is-best{border-color:rgba(184,149,90,.55) !important} .chat-header{background:rgba(250,246,241,.95) !important; color:var(--soft-plum) !important; border-color:var(--soft-line) !important} .modal-overlay{background:rgba(58,39,66,.35) !important} .calc-intro-ov,#courseGate,#gate{background:radial-gradient(60% 50% at 50% 20%,#efe8f6,#faf6f1 70%) !important} .card-icon{background:var(--soft-lav-soft) !important} .sticky-cta{background:linear-gradient(to top,rgba(250,246,241,.98) 60%,rgba(250,246,241,0)) !important} input,textarea,select{background-color:#fff !important; color:var(--soft-plum) !important} input[type=checkbox],input[type=radio],input[type=range]{background-color:transparent !important} /* tabs / filters / small text roles */ .auth-tab,.tab,.filter-btn{color:var(--soft-plum-2) !important} .auth-tab.active,.tab.active{background:var(--soft-btn) !important; color:#fff !important} .filter-btn.active{color:#fff !important} .help,.sub,.muted-note,.hilel-year,.author,.sub-meta,.ty-note,.price-period,.included,.hero-subtitle,.subtitle,.trust-item,.quote{color:var(--soft-plum-2) !important} .title,.price{color:var(--soft-plum) !important; -webkit-text-fill-color:currentColor !important} .badge-free,.badge-premium,.badge-vip{background:var(--soft-lav-soft) !important; color:var(--soft-plum) !important} .badge-vip{background:var(--soft-gold-soft) !important} .topnav-back,.top-link{color:var(--soft-plum) !important} .top-link-cta,.submit-btn,.btn-wa{color:#fff !important} /* dreamy background (meser): the purple aurora orbs */ .stars::before,.stars::after{opacity:.35 !important} .num-star{color:rgba(138,90,166,.35) !important} .gender-opt span{background:var(--soft-paper) !important; color:var(--soft-plum-2) !important} .gender-opt input:checked + span{background:var(--soft-lav-soft) !important; color:var(--soft-plum) !important; border-color:rgba(138,90,166,.45) !important} /* inline-styled dark tiles / light text (old calculator, portal snippets) */ [style*="background:rgba(30,15,60"],[style*="background: rgba(30,15,60"],[style*="background:rgba(28,6,52"],[style*="background: rgba(28,6,52"],[style*="background:#0a0118"],[style*="background:#130826"],[style*="background:rgba(15,3,32"]{background:var(--soft-paper) !important; border-color:var(--soft-line) !important} [style*="color:#e8e4dc"],[style*="color:#fbf8fc"],[style*="color:#fff;"],[style*="color: #fbf8fc"],[style*="color:rgba(251,248,252"],[style*="color:#d8c8e8"]{color:var(--soft-plum) !important} [style*="color:#e8d088"],[style*="color:#c9a84c"],[style*="color: #e8d088"]{color:var(--soft-gold-text) !important} [style*="color:rgba(201,102,232"],[style*="color:#c966e8"],[style*="color:#d97af5"]{color:#7a4a96 !important} #login_screen{background:var(--soft-cream) !important; color:var(--soft-plum) !important} .accessibility-bar{background:rgba(250,246,241,.95) !important; color:var(--soft-plum) !important} .hilel-badge{background:var(--soft-paper) !important; color:var(--soft-plum) !important; border:1px solid var(--soft-line) !important} /* gradient text that was light gold/lilac for a dark page → the soft accent gradient */ .derech-hero h1,.derech-section-title,.particles-bg + .container > h1,.gate-card > h1,.topbar > h1,.logo-text,.admin-panel-heading,.card-title,.stat-num,.insight-number,.life-path,.sub-price,.success-title,#sub-h,#custModalTitle,.num{ background-image:linear-gradient(100deg,#6f3f8c,#a3577a 55%,#8a6a33) !important; -webkit-background-clip:text !important; background-clip:text !important; } .btn-secondary{background:var(--soft-paper) !important; color:var(--soft-plum) !important; border:1px solid rgba(58,39,66,.2) !important} /* calculator intro screen (portal/js/intro-screen.js injects dark-page styles) */ .calc-intro-card{color:var(--soft-plum) !important} .calc-intro-card h2{color:var(--soft-plum) !important; font-family:'Heebo',sans-serif !important; font-weight:300 !important} .calc-intro-card .ci-lead,.calc-intro-card .ci-list li{color:var(--soft-plum-2) !important} .calc-intro-card .ci-list li::before{color:var(--soft-gold) !important} .calc-intro-card .ci-extra a{color:#6f3f8c !important} .calc-intro-card .ci-extra a.ci-course{color:var(--soft-gold-text) !important} .calc-intro-card .ci-skip{color:var(--soft-plum-3) !important} .calc-intro-card .ci-logo,#hilel-loader .hl-logo{content:url(/images/logo-course-320.png); filter:none !important} .calc-intro-ov .ci-nums span{color:rgba(138,90,166,.18) !important} /* meser inline light-on-dark hints */ [style*="color:rgba(243,238,226"],[style*="color: rgba(243,238,226"]{color:var(--soft-plum-2) !important} [style*="color:#e8d089"],[style*="color:rgba(232,208,136"],[style*="color:rgba(212,175,55"]{color:var(--soft-gold-text) !important} [style*="background:rgba(201,168,76,0.08)"],[style*="background:rgba(201,168,76,0.12)"]{background:#f6eedf !important} .top-link-cta{background:var(--soft-btn) !important; border-color:transparent !important} .secondary-btn.is-wa{color:#1f7a4a !important} .gender-btn.active{background:var(--soft-lav-soft) !important; color:var(--soft-plum) !important; border-color:rgba(138,90,166,.45) !important} .fc-lock-tag{color:var(--soft-gold-text) !important} /* old standalone calculator (calculator.html, share.html → css/styles.css, slate + gold) */ html:has(link[href$="css/styles.css"]){ --bg-deep:var(--soft-cream); --bg-surface:var(--soft-paper); --bg-elevated:var(--soft-cream-2); --bg-glass:rgba(255,253,250,.85); --glass-bg:rgba(255,253,250,.85); --primary:#8a6a33; --primary-hover:#745829; --primary-glow:rgba(184,149,90,.25); --primary-soft:rgba(184,149,90,.14); --accent:#8a5aa6; --accent-dim:#9c7b43; --heading:var(--soft-plum); --border:rgba(58,39,66,.12); --border-strong:rgba(58,39,66,.22); --error:#b3263a; --success:#2f7a4f; --shadow:var(--soft-shadow); --glass-border:rgba(58,39,66,.1); } /* reviews: the WhatsApp screenshots keep WhatsApp's own dark look */ article.chat .chat-header{background:linear-gradient(#1f2c33,#17232a) !important; color:#e9edef !important; border-color:transparent !important} .reviews-header p{color:var(--soft-plum-2) !important}