/* lavieih – שפת עיצוב אחת, שלושה סגנונות.
   משותף: גופן אחד (IBM Plex Sans Hebrew), סולם טקסט, ריווח, פינות, צללים, תנועה,
   וצבעי מצב אחידים (בוצע / אזהרה / דחוף / מידע) – אותה משמעות בכל המערכות.
   שונה בין המערכות: הצבע המוביל וגוון הרקע בלבד.
   מבנה: data-lv="rosh|fitness|study|home" על <html>. מצב כהה לפי המכשיר. */

:root {
  --lv-font: "IBM Plex Sans Hebrew", "Assistant", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --lv-fs-xs: 12.5px;
  --lv-fs-sm: 14px;
  --lv-fs-md: 16px;
  --lv-fs-lg: 18.5px;
  --lv-fs-xl: 22px;
  --lv-fs-2xl: 27px;
  --lv-fs-3xl: 33px;
  --lv-lh: 1.6;
  --lv-lh-tight: 1.25;
  --lv-r-sm: 10px;
  --lv-r-md: 14px;
  --lv-r-lg: 18px;
  --lv-r-pill: 999px;
  --lv-ease: cubic-bezier(.23, 1, .32, 1);
  --lv-ease-drawer: cubic-bezier(.32, .72, 0, 1);

  /* צבעי מצב – זהים בכל הסגנונות */
  --lv-ok: #2b7a4b;
  --lv-ok-soft: #e2f1e7;
  --lv-warn: #8f5b00;
  --lv-warn-soft: #fbefd8;
  --lv-bad: #ae3428;
  --lv-bad-soft: #fae3df;
  --lv-info: #245e98;
  --lv-info-soft: #e1edf8;
}

/* ===== ראש שקט: ירוק טחב, שטח ושקט ===== */
[data-lv="rosh"] {
  --lv-bg: #f2f5f1;
  --lv-surface: #ffffff;
  --lv-surface-2: #e8eee6;
  --lv-surface-3: #dde5da;
  --lv-ink: #1a2620;
  --lv-ink-2: #4c5b51;
  --lv-ink-3: #8a978e;
  --lv-line: #d7e0d3;
  --lv-accent: #2e6a46;
  --lv-accent-hover: #255a3b;
  --lv-accent-ink: #ffffff;
  --lv-accent-soft: #dfebe2;
  --lv-accent-2: #9c6516;
  --lv-accent-2-soft: #f6ead6;
  --lv-head-1: #13241a;
  --lv-head-2: #2b553b;
}
/* ===== Strong Body Strong Mind: כחול הלוגו, תנועה וקצב ===== */
[data-lv="fitness"] {
  --lv-bg: #f1f5f9;
  --lv-surface: #ffffff;
  --lv-surface-2: #e5ecf4;
  --lv-surface-3: #d8e2ee;
  --lv-ink: #121e2c;
  --lv-ink-2: #4b5d70;
  --lv-ink-3: #8899ab;
  --lv-line: #d3dde9;
  --lv-accent: #1f63ad;
  --lv-accent-hover: #18528f;
  --lv-accent-ink: #ffffff;
  --lv-accent-soft: #dfeaf8;
  --lv-accent-2: #c2551f;
  --lv-accent-2-soft: #fbe6da;
  --lv-head-1: #071d3b;
  --lv-head-2: #154a85;
}
/* ===== המוח: סגול הלוגו, ריכוז ובהירות ===== */
[data-lv="study"] {
  --lv-bg: #f5f2f9;
  --lv-surface: #ffffff;
  --lv-surface-2: #ece6f4;
  --lv-surface-3: #e0d7ec;
  --lv-ink: #221b2c;
  --lv-ink-2: #5b5269;
  --lv-ink-3: #968ca6;
  --lv-line: #e1d9ec;
  --lv-accent: #6a3aa8;
  --lv-accent-hover: #5a2f92;
  --lv-accent-ink: #ffffff;
  --lv-accent-soft: #efe6fa;
  --lv-accent-2: #b44a6c;
  --lv-accent-2-soft: #f7e3ea;
  --lv-head-1: #1f0f33;
  --lv-head-2: #4f2a7d;
}
/* ===== הבית (בחירת מערכת) ===== */
[data-lv="home"] {
  --lv-bg: #f3f4f2;
  --lv-surface: #ffffff;
  --lv-surface-2: #e9ebe8;
  --lv-surface-3: #dfe2de;
  --lv-ink: #1b221f;
  --lv-ink-2: #515a55;
  --lv-ink-3: #8d958f;
  --lv-line: #dadfdb;
  --lv-accent: #24302b;
  --lv-accent-hover: #18201c;
  --lv-accent-ink: #ffffff;
  --lv-accent-soft: #e4e8e5;
  --lv-accent-2: #2e6a46;
  --lv-accent-2-soft: #dfebe2;
  --lv-head-1: #1b221f;
  --lv-head-2: #2f3d37;
}

@media (prefers-color-scheme: dark) {
  :root {
    --lv-ok: #86d1a1;
    --lv-ok-soft: #173323;
    --lv-warn: #f2c46b;
    --lv-warn-soft: #38290c;
    --lv-bad: #f19a8c;
    --lv-bad-soft: #3d1d18;
    --lv-info: #8ec1f2;
    --lv-info-soft: #152c42;
  }
  [data-lv="rosh"] {
    --lv-bg: #101612; --lv-surface: #18201b; --lv-surface-2: #212b24; --lv-surface-3: #2a352d;
    --lv-ink: #e8eee9; --lv-ink-2: #a7b4ab; --lv-ink-3: #6f7c73; --lv-line: #2e3a32;
    --lv-accent: #8cc7a0; --lv-accent-hover: #a2d4b2; --lv-accent-ink: #0f1a13; --lv-accent-soft: #1f3427;
    --lv-accent-2: #e5b66a; --lv-accent-2-soft: #3a2c14; --lv-head-1: #0b120d; --lv-head-2: #1d3426;
  }
  [data-lv="fitness"] {
    --lv-bg: #0d131b; --lv-surface: #151e2a; --lv-surface-2: #1d2836; --lv-surface-3: #263344;
    --lv-ink: #e6edf5; --lv-ink-2: #a3b2c4; --lv-ink-3: #6b7b8f; --lv-line: #2a3747;
    --lv-accent: #82b8f0; --lv-accent-hover: #9cc8f4; --lv-accent-ink: #071a33; --lv-accent-soft: #15294a;
    --lv-accent-2: #f09a6a; --lv-accent-2-soft: #3b2216; --lv-head-1: #050f1f; --lv-head-2: #12305a;
  }
  [data-lv="study"] {
    --lv-bg: #13101a; --lv-surface: #1c1726; --lv-surface-2: #262031; --lv-surface-3: #30293d;
    --lv-ink: #eee9f4; --lv-ink-2: #b3a9c2; --lv-ink-3: #7a6f8b; --lv-line: #362e44;
    --lv-accent: #c6a2f2; --lv-accent-hover: #d5b9f6; --lv-accent-ink: #1d0f30; --lv-accent-soft: #2d1f45;
    --lv-accent-2: #f08aac; --lv-accent-2-soft: #3d1c29; --lv-head-1: #0f0819; --lv-head-2: #34205a;
  }
  [data-lv="home"] {
    --lv-bg: #111412; --lv-surface: #1a1e1c; --lv-surface-2: #232825; --lv-surface-3: #2c322e;
    --lv-ink: #e9ece9; --lv-ink-2: #a9b0ab; --lv-ink-3: #727a74; --lv-line: #2f3531;
    --lv-accent: #e9ece9; --lv-accent-hover: #ffffff; --lv-accent-ink: #141816; --lv-accent-soft: #262b28;
    --lv-accent-2: #8cc7a0; --lv-accent-2-soft: #1f3427; --lv-head-1: #0c0f0d; --lv-head-2: #1e2622;
  }
}