/* haus video — design tokens
   Consolidated from backup/mocks (graphite family), radii flattened.
   Rule: no rounded corners anywhere — sharp, defined desktop-app edges. */

:root {
  /* surfaces */
  --bg-deep: #101112;
  --bg: #171819;
  --panel: #222426;
  --panel-2: #2a2d30;
  --panel-3: #303337;
  --inset: #181a1d;
  --black: #050505;

  /* lines */
  --line: #3b3f44;
  --line-soft: #2b2f34;
  --line-strong: #5a6068;

  /* text */
  --text: #eef0f2;
  --text-soft: #9aa2ad;
  --text-dim: #7f8791;

  /* accents */
  --accent: #2f7ff0;
  --accent-edge: #4690ff;
  --accent-soft: #243858;
  --gold: #d8a94a;
  --gold-deep: #9a6a1d;
  --green: #53c488;
  --red: #ff5d5d;
  --purple: #6d42b3;
  --teal: #31594b;
  --audio-blue: #263a4f;
  --audio-ink: #7bc5ff;

  /* clip colors */
  --clip-video: #1f4f9f;

  /* type */
  --font: 14px/1.4 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}

* { box-sizing: border-box; }
/* sharp edges everywhere — except inside live artwork stages ([data-live-stage]),
   where payload radii (magnifier rings, rounded rects) must render faithfully */
*:not([data-live-stage]):not([data-live-stage] *) { border-radius: 0 !important; }

::selection { background: var(--accent-soft); }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--inset); }
::-webkit-scrollbar-thumb { background: var(--panel-3); border: 1px solid var(--line); }
::-webkit-scrollbar-thumb:hover { background: var(--line); }