/* יום-יומי · light-magazine.css ───────────────────────────────────────────────────────────── "עור" בהיר בסגנון מגזין (הידברות) למדורי התוכן: חיזוק, ערכים, בריאות ומשפחה, לימוד. הסרגל העליון נשאר כהה (ניגודיות), והגוף הופך לבהיר עם אקצנט מגנטה חם. עצמאי — לא תלוי ב-light-tone.css. הפעלה: + טעינת הקובץ הזה אחרון. */ body[data-skin="light-mag"]{ /* ----- light palette tokens (override the dark base) ----- */ --c-bg-0:#eceef3; --c-bg-1:#ffffff; --c-bg-2:#f4f6fa; --c-card:#ffffff; --c-card-strong:#ffffff; --c-card-hover:#ffffff; --c-border:#e2e5ec; --c-border-strong:#cdd3de; --c-text:#0d1b2a; --c-text-2:#41506580; --c-text-2:#415065; --c-text-3:#6b7888; --c-text-muted:#9aa6b4; /* ----- accent: magenta family (remaps the gold tokens) ----- */ --magenta:#E70F57; --magenta-d:#c20c49; --magenta-l:#ff3d7f; --gold:#E70F57; --gold-light:#ff3d7f; --gold-deep:#c20c49; --gold-glow:rgba(231,15,87,.22); --c-accent:#E70F57; --c-accent-2:#ff3d7f; --c-accent-glow:rgba(231,15,87,.22); background:radial-gradient(ellipse at top,#ffffff,#eceef3) , #eceef3 !important; } /* kill the dark starfield/aurora behind the light body */ body[data-skin="light-mag"] .stars, body[data-skin="light-mag"] .aurora{display:none} body[data-skin="light-mag"] .yy-bg-orb{opacity:.18;mix-blend-mode:multiply} /* ===== page hero — light banner with magenta tag ===== */ body[data-skin="light-mag"] .page-hero{ background:#fff;border-bottom:1px solid var(--c-border); padding:30px clamp(16px,4vw,42px) 26px;border-radius:0;box-shadow:none; } body[data-skin="light-mag"] .page-hero::before, body[data-skin="light-mag"] .page-hero::after{display:none} body[data-skin="light-mag"] .page-hero h1{color:var(--c-text)} body[data-skin="light-mag"] .page-hero .ph-txt{color:var(--c-text)} body[data-skin="light-mag"] .page-hero p{color:var(--c-text-3)} body[data-skin="light-mag"] .page-hero .ph-back{color:var(--magenta);font-weight:700} body[data-skin="light-mag"] .page-hero .ph-back:hover{color:var(--magenta-d)} body[data-skin="light-mag"] .page-hero .ph-ico{filter:none} /* ===== cards — white, soft shadow, magenta accents ===== */ body[data-skin="light-mag"] .card{ background:#fff;backdrop-filter:none;border:1px solid var(--c-border); box-shadow:0 4px 18px -10px rgba(20,30,60,.22); } body[data-skin="light-mag"] .card::before{ background:linear-gradient(135deg,color-mix(in srgb,var(--magenta) 55%,transparent),transparent 45%); opacity:.0; } body[data-skin="light-mag"] .card::after{display:none} body[data-skin="light-mag"] .card:hover{ box-shadow:0 16px 40px -16px rgba(20,30,60,.3);border-color:color-mix(in srgb,var(--magenta) 35%,var(--c-border)); } body[data-skin="light-mag"] .card:hover::before{opacity:.5} body[data-skin="light-mag"] .card-title{color:var(--c-text)} body[data-skin="light-mag"] .card-sub{color:var(--c-text-3)} body[data-skin="light-mag"] .card-body{color:var(--c-text-2)} body[data-skin="light-mag"] .card-icon-wrap{ background:color-mix(in srgb,var(--magenta) 10%,#fff); border:1px solid color-mix(in srgb,var(--magenta) 28%,transparent); box-shadow:0 0 18px -8px var(--gold-glow); } body[data-skin="light-mag"] .card:hover .card-icon-wrap{border-color:var(--magenta);box-shadow:0 0 22px -6px var(--gold-glow)} /* generic text helpers used inside the cards */ body[data-skin="light-mag"] .quote{color:var(--c-text)} body[data-skin="light-mag"] .quote-src, body[data-skin="light-mag"] .card-sub, body[data-skin="light-mag"] cite{color:var(--c-text-3)} body[data-skin="light-mag"] .shimmer{color:var(--c-text-3)} body[data-skin="light-mag"] a{color:var(--magenta)} /* chizuk runner / nav buttons */ body[data-skin="light-mag"] .chizuk-nav, body[data-skin="light-mag"] .chizuk-refresh{ background:color-mix(in srgb,var(--magenta) 10%,#fff); border:1px solid color-mix(in srgb,var(--magenta) 30%,transparent);color:var(--magenta); } body[data-skin="light-mag"] .chizuk-nav:hover, body[data-skin="light-mag"] .chizuk-refresh:hover{background:var(--magenta);color:#fff;border-color:transparent} /* section tag pills inside these pages */ body[data-skin="light-mag"] .section-tag{ background:color-mix(in srgb,var(--magenta) 12%,#fff); color:var(--magenta);border:1px solid color-mix(in srgb,var(--magenta) 26%,transparent); }