/* VITO theme: Zeto-style calm look in VITO's own navy (docs/ZETO-DESIGN.md). Change colours here only. */
@font-face { font-family: "Jakarta"; src: url("fonts/jakarta.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
:root {
  --navy: #0b2545;
  --navy-2: #163a6b;
  --navy-3: #1f5fa8;
  --brand-grad: linear-gradient(100deg, #0b2545 0%, #163a6b 55%, #1f5fa8 100%);
  --ink: #14181f;
  --ink-2: #3a3f4a;
  --muted: #6b7280;
  --line: #e9ecf1;
  --ground: #f5f6f8;
  --card: #ffffff;
  --field: #f3f5f8;
  --soft: #eef2f8;          /* soft navy tint: icon circles, selected rows, offers */
  --soft-ink: #163a6b;
  /* status: red late, amber due today, blue waiting on others, green done */
  --red: #c5221f; --red-bg: #fdecea;
  --orange: #b07000; --orange-bg: #fff5dd;
  --blue: #3143a3; --blue-bg: #eaedfd;
  --green: #238043; --green-bg: #e6f5ea;
  --purple: #6a3fb5; --purple-bg: #f1ebfb;
  --grey-bg: #f0f2f5;
  --shadow: 0 6px 24px rgba(11, 37, 69, 0.08);
  --shadow-up: 0 10px 34px rgba(11, 37, 69, 0.14);
  --radius: 22px;
  --radius-sm: 14px;
  --font: "Jakarta", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /* kept for older rules */
  --glass: var(--card); --glass-strong: var(--card); --glass-border: transparent; --bg-1: var(--ground); --bg-2: var(--ground);
}
/* Dark only when picked in Profile (the app stays light when the phone is in dark mode). Neutral, not blue. */
:root[data-theme="dark"] {
  --ink: #eceef2; --ink-2: #c4c8d0; --muted: #9aa1ad; --line: #262a31;
  --ground: #0e1014; --card: #171a20; --field: #1f232a; --soft: #1f2836; --soft-ink: #b9cdf0;
  --red: #ff8a80; --red-bg: rgba(197, 34, 31, 0.18); --orange: #f2c066; --orange-bg: rgba(176, 112, 0, 0.2);
  --blue: #a9b6ff; --blue-bg: rgba(49, 67, 163, 0.28); --green: #7fd69a; --green-bg: rgba(35, 128, 67, 0.22);
  --purple: #c7b1f2; --purple-bg: rgba(106, 63, 181, 0.25); --grey-bg: #22262d;
  --shadow: 0 6px 24px rgba(0, 0, 0, 0.35); --shadow-up: 0 10px 34px rgba(0, 0, 0, 0.5);
}