/* hulsman-portal shared theme — canonical source in packages/ui/theme.css.
   Copied into each Pages app dir (apps/<app>/theme.css) so it serves at /theme.css.
   When the apps move to a bundler (Astro), import this directly instead of copying. */

:root{
  --bg:#0a0b0e; --panel:#15171c; --panel2:#1a1d23; --line:#24272f;
  --orange:#ff6a1a; --burnt:#c23a00;        /* business accent */
  --accent:#ff8a3a; --accent2:#5fd0a8;       /* personal accent + mint */
  --blue:#8fd0ff; --green:#5fd08a; --amber:#f0b34a; --red:#ff6b5e;
  --text:#e7ecf2; --muted:#8b94a0;
}

*{margin:0;padding:0;box-sizing:border-box}

body{
  background:var(--bg);
  color:var(--text);
  font-family:"Inter",system-ui,Segoe UI,Roboto,sans-serif;
  min-height:100vh;
}

/* shared switcher (Home / Business) — active colour set per-app */
.switch{display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px}
.switch a{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  text-decoration:none;padding:6px 14px;border-radius:6px;cursor:pointer}
.switch a.active{font-weight:600}

/* shared progress bar */
.prog{height:7px;background:var(--panel2);border-radius:5px;overflow:hidden;margin:4px 0 12px}
.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}

/* shared demo badge */
.demo-badge{display:none;color:var(--amber);border:1px solid var(--amber);padding:1px 7px;
  border-radius:3px;font-size:10px;letter-spacing:.1em;margin-left:6px}
.demo .demo-badge{display:inline-block}