/* App-level rules. Everything visual comes from industry.css + tigh-tokens.css;
   this file only pins the shell to the viewport and adds the touch affordances
   the component markup relies on. */

html, body { height: 100%; margin: 0; overflow: hidden; background: var(--color-bg); }
a { color: var(--color-accent-800); }
a:hover { color: var(--color-accent); }

/* The mount point fills the visual viewport; the app's own scroll region
   lives inside it, so the page itself never scrolls. */
#app { height: 100dvh; width: 100%; overflow: hidden; background: var(--color-bg); }

.tigh-scroll::-webkit-scrollbar { width: 0; }
.tigh-tap { -webkit-tap-highlight-color: transparent; }
.tigh-tap:hover { background: color-mix(in srgb, var(--color-accent) 8%, transparent); }
.tigh-tap:active { background: color-mix(in srgb, var(--color-accent) 15%, transparent); }
.tigh-scroll :focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }