/* שושנה DNA - חומרים, נשימה, ספירות, grain, צללים חמים, טיפוגרפיה */
:root{
 /* חומרים */
 --surface-0:#f3ead8;--surface-1:#ede2cc;--surface-2:#e6d9bf;--surface-3:#ddceb0;
 --ink:#241c12;--ink-soft:#4a3f2f;--ink-faint:#7a6b54;--ink-ghost:#a8977c;
 --candle:#c26a2a;--candle-soft:#e0a458;--candle-glow:rgba(224,164,88,.35);
 --night-0:#0d0a06;--night-1:#151009;--night-2:#1d160c;
 /* נשימה 4-7-8 */
 --inhale:1.6s cubic-bezier(.30,0,.20,1);--hold:2.4s cubic-bezier(.40,.10,.60,.90);--exhale:1.6s cubic-bezier(.35,0,.15,1);--breath:5.6s;
 /* ספירות */
 --keter:#e8e0d0;--hokhma:#4a6fa5;--bina:#2c3e50;--hesed:#5b8db8;--gevura:#a85a5a;--tiferet:#a8842e;--netzah:#5c7a5c;--hod:#c4956a;--yesod:#7a6b8a;--malhut:#6b5b4a;
 /* צללים חמים */
 --shadow-sheet:0 1px 2px rgba(90,60,20,.1),0 3px 10px rgba(90,60,20,.07);
 --shadow-lifted:0 2px 4px rgba(90,60,20,.12),0 8px 22px rgba(90,60,20,.1);
 /* טיפוגרפיה דרמטית */
 --t-xl:clamp(44px,7vw,110px);--t-l:clamp(28px,3.6vw,56px);--t-m:clamp(18px,2vw,30px);--t-s:clamp(14px,1.4vw,20px);--t-xs:clamp(12px,1.1vw,16px);
}
/* grain קלף */
body::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.03;mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");}
/* מצב לילה (ברירת המחדל של המכונות) */
body.night{background:radial-gradient(120% 70% at 50% -10%,var(--night-2),var(--night-0) 60%);color:var(--keter);}
/* נשימה על אלמנטים חיים */
.breath{animation:breath var(--breath) infinite}
@keyframes breath{0%{transform:scale(1)}36%{transform:scale(1.03)}64%{transform:scale(1.03)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.breath{animation:none}}

body.parchment{background:radial-gradient(120% 80% at 50% -10%,var(--surface-1),var(--surface-0) 60%);color:var(--ink);}
body.parchment ::selection{background:var(--candle-glow)}

input[type=date],input[type=time]{appearance:none;-webkit-appearance:none;background:var(--surface-1);border:1px solid rgba(36,28,18,.2);border-bottom:3px solid var(--candle);border-radius:14px;box-shadow:var(--shadow-sheet);color:var(--ink);font-family:ui-monospace,Menlo,monospace;font-size:18px;padding:12px 16px;letter-spacing:.05em;outline:none}
input[type=date]:focus{border-color:var(--candle);box-shadow:var(--shadow-lifted)}
input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}