:root{ /* Core palette */ --bg:#FFEED6; --card:#FFFAF2; --text:#3F3524; --muted:#9A8764; --border:#E2D4B6; --accent:#827148; --accent-soft:#EFE6C9; --primary:var(--accent); --on-accent:#FFFDF8; --danger:#B85C42; --danger-soft:#F6E0D4; /* Calendar semantics */ --busy:#dfe3c4; --busy-t:#59613d; --shared:#f7c7aa; --shared-t:#75452f; --friend:#ead7bd; --friend-t:#6a5936; --pending:#f4b896; --pending-t:#70442f; --ok:#C5D4A6; --ok-t:#3F4A2A; /* Surfaces & borders */ --surface-base:var(--bg); --surface-section:var(--card); --surface-glass:color-mix(in srgb,var(--card) 84%,transparent); --surface-inset:color-mix(in srgb,var(--card) 94%,var(--bg)); --hairline:color-mix(in srgb,var(--border) 55%,transparent); /* Elevation shadows */ --shadow-none:none; --shadow-micro:0 2px 6px rgba(79,67,43,.06); --shadow-soft:0 10px 30px rgba(79,67,43,.07); --shadow-raised:0 12px 34px rgba(79,67,43,.12); --shadow-floating:0 14px 38px rgba(79,67,43,.14); --shadow-modal:0 22px 60px rgba(79,67,43,.18); --shadow-panel:var(--shadow-modal); --shadow-sheet:0 -16px 50px rgba(79,67,43,.16); /* Non-shadow depth */ --highlight-top:inset 0 1px 0 rgba(255,255,255,.35); --highlight-top-subtle:inset 0 1px 0 rgba(255,255,255,.2); --inset-recess:inset 0 1px 2px rgba(79,67,43,.05); --inset-selected:inset 0 0 0 1px var(--selected-ring); --selected-elevation:var(--inset-selected),var(--highlight-top-subtle),var(--shadow-micro); --primary-gradient:linear-gradient(180deg,color-mix(in srgb,var(--accent) 96%,#fff 4%),var(--accent)); --primary-shadow-rest:var(--highlight-top),var(--shadow-micro); --primary-shadow-hover:0 5px 14px rgba(79,67,43,.10); --primary-shadow-active:0 1px 2px rgba(79,67,43,.06); /* Shape */ --radius-sm:10px; --radius-md:12px; --radius-lg:18px; --radius-xl:22px; --sheet-radius:26px; /* Type & space */ --font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; /* Interaction */ --tap-min:44px; --ease-out:cubic-bezier(.2,.8,.2,1); --focus-ring:0 0 0 3px color-mix(in srgb,var(--accent) 42%,transparent); --selected-bg:color-mix(in srgb,var(--accent-soft) 58%,var(--card)); --selected-ring:color-mix(in srgb,var(--accent) 28%,var(--border)); --selected-check:color-mix(in srgb,var(--accent) 82%,var(--text)); --sheet-handle:color-mix(in srgb,var(--muted) 24%,transparent); /* App shell */ --shell-max:1480px; --shell-radius:22px; --shell-shadow:0 14px 40px rgba(79,67,43,.07); } /* Critical first-paint gate. This stylesheet is render-blocking in , so a returning signed-in user sees loading immediately instead of the login page or a half-built app. Skip on standalone legal pages (privacy/terms/storage) which never run auth bootstrap. */ body:not(.auth-view-resolved):not(.legal-page)::before{ content:""; position:fixed; inset:0; z-index:23990; background:var(--bg,#FFEED6) url("../assets/logo.svg") center calc(50% - 42px)/72px 72px no-repeat; } body:not(.auth-view-resolved):not(.legal-page)::after{ content:"טוען את WhenDen…"; position:fixed; z-index:23991; top:calc(50% + 42px); left:0; right:0; text-align:center; color:var(--text,#3F3524); font:600 14px/1.4 var(--font,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif); } body:not(.auth-view-resolved):not(.legal-page)>#loginPage, body:not(.auth-view-resolved):not(.legal-page)>#appPage{ visibility:hidden!important; }