/* Saverbro OS theme tokens — navy/orange palette from the backup design.
   Light: bluish-grey surfaces, navy accent, orange primary.
   Dark:  deep navy surfaces matching the backup's dark palette. */
:root, html[data-theme="light"] {
  color-scheme: light;
  --c-bg:#f3f5f9; --c-surface:#ffffff; --c-surface-2:#f4f6fa; --c-surface-3:#edf0f5;
  --c-border:#e4e8f0; --c-border-strong:#d2d9e4;
  --c-text:#172235; --c-text-2:#5c6b85; --c-text-3:#718096;
  --c-accent:#1643b8; --c-accent-text:#1643b8; --c-accent-soft:#edf2ff; --c-on-accent:#ffffff; --c-accent-strong:#0d2f85;
  --c-sidebar:#101b2c; --c-sidebar-2:#0a1220; --c-sidebar-text:#ffffff; --c-sidebar-muted:#b7c7e9;
  --c-ok:#12906b; --c-ok-bg:#e6f6f1; --c-warn:#b66b20; --c-warn-bg:#fff3e2; --c-bad:#c04b38; --c-bad-bg:#fde8e5;
  --c-primary:#e98324; --c-primary-text:#ffffff; --c-primary-soft:#fff3e2;
  --c-shadow:rgba(20,36,74,.06);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --c-bg:#0c1320; --c-surface:#121d2c; --c-surface-2:#172438; --c-surface-3:#0f1928;
  --c-border:#273448; --c-border-strong:#354b66;
  --c-text:#edf4ff; --c-text-2:#93a5bd; --c-text-3:#7b8fa8;
  --c-accent:#5b82e8; --c-accent-text:#aac3f5; --c-accent-soft:#1b3263; --c-on-accent:#ffffff; --c-accent-strong:#2451b8;
  --c-sidebar:#101b2c; --c-sidebar-2:#0a1220; --c-sidebar-text:#ffffff; --c-sidebar-muted:#8fa8df;
  --c-ok:#3fba92; --c-ok-bg:#0d2e24; --c-warn:#f5a451; --c-warn-bg:#2d1e0a; --c-bad:#f07b6a; --c-bad-bg:#32160f;
  --c-primary:#e98324; --c-primary-text:#ffffff; --c-primary-soft:#2a1c08;
  --c-shadow:rgba(4,12,31,.45);
}
html, body { background:var(--c-bg); color:var(--c-text); }
.sb-notification-badge { background:#c04b38 !important; color:#ffffff !important; }
.sb-project-board-toolbar strong { color:var(--c-text); }
#saverbro-r0, .sb-shell, .sb-main, .sb-content { background:var(--c-bg); color:var(--c-text); }
.sb-theme-toggle { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:10px; border:1px solid var(--c-border); background:var(--c-surface); color:var(--c-text); cursor:pointer; }
.sb-theme-toggle:hover { border-color:var(--c-border-strong); }
.sb-theme-toggle:focus-visible { outline:2px solid var(--c-accent); outline-offset:2px; }
.sb-theme-toggle svg { width:20px; height:20px; }
input, select, textarea { color:var(--c-text); background:var(--c-surface); border-color:var(--c-border-strong); }
::placeholder { color:var(--c-text-3); }