/* Design tokens: colors, spacing and dimensions shared by every screen. */
:root  {
  color-scheme: dark;
  --bg:#101014;
  --bg-soft:#141419;
  --panel:#1a1a21;
  --panel-2:#23232c;
  --text:#f5f3f4;
  --muted:#b4afb9;
  --line:#34323c;
  --accent:#ff7a89;
  --accent-2:#ff7a89;
  --accent-solid:#dd465e;
  --accent-soft:#352127;
  --success:#77dcb3;
  --danger:#ff9aab;
  --warning:#f3ca84;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:22px;
  --sidebar-width:224px;
  --header-height:80px;
  --mobile-nav-height:72px;
  --shadow:0 24px 80px #0006;
  --transition-fast:160ms ease;
}